Nutella Peanut-Butter Marshmallow

    semantic-ui-react-spinbutton

    1.0.1-beta • Public • Published

    Semantic UI React Spinbutton

    npm license downloads

    Semantic UI logo

    Spinbutton controls for Semantic UI React

    Prerequisites

    {
      "react": "*",
      "react-dom": "*",
      "semantic-ui-react": "*"
    }

    Installation

    Using NPM:

    npm install semantic-ui-react-spinbutton

    or Yarn:

    yarn add semantic-ui-react-spinbutton

    Usage

    Example image of numberInput

    Examples

    import { Spinbutton, InputSpinner, NumberInputSpinner } from 'semantic-ui-react-spinbutton';
    import 'semantic-ui-react-spinbutton/dist/index.css';
    
    export default () => (
        <div>
            <Spinbutton
                orientation='vertical'
                upIcon='caret up'
                downIcon='caret down'
                onUp={handleUp}
                onDown={handleDown}
                onWheel={handleWheel}
            />
            <InputSpinner
                buttonPosition='left'
                buttonOrientation='horizontal'
                onUp={handleUp}
                onDown={handleDown}
                onWheel={handleWheel}
                onKey={handleKey}
            />
            <NumberInputSpinner
                min='0'
                max='100'
                step='5'
                buttonPosition='wrapped'
                buttonOrientation='horizontal'
            />
        </div>
    );

    More info

    See GitHub

    Install

    npm i semantic-ui-react-spinbutton

    DownloadsWeekly Downloads

    15

    Version

    1.0.1-beta

    License

    none

    Unpacked Size

    41.5 kB

    Total Files

    6

    Last publish

    Collaborators

    • renaatdemuynck