asvrada / react-segmented-picker

An iOS style segmented picker for react web

react-segmented-picker

An iOS style segmented picker for react web

Install

npm i react styled-components --save-dev
npm i react-segmented-picker

or

yarn add react styled-components -D
yarn add react-segmented-picker

Usage

import React, { useState } from 'react';

import SegmentedPicker from 'react-segmented-picker';

// Demo App
function App() {
  const [selection, setSelection] = useState(0);
  const options = ['Apple', 'Orange', 'Pear', 'Watermelon'];

  return (
    <div className="App">
      <p>You selected</p>
      <p>#{selection}: {options[selection]}</p>

      <SegmentedPicker
        options={options}
        selection={selection}
        onSelectionChange={(newSelection) => {
          setSelection(newSelection);
        }}
      />
    </div>
  );
}

export default App;

react-segmented-picker's Issues

Generate type declaration

https://stackoverflow.com/questions/65432089/typescript-how-to-generate-a-single-index-d-ts-type-declaration

Move to typescript