Neato Polyester Material

    @lskjs/button

    2.7.2 • Public • Published

    LSK.js – Button

    React component for buttons creation

    LSK logo NPM version Package size License LSK Chat on Telegram

    Just press on Button and take a result from @lskjs/button. Or in reverse.

    Installation and usage

    The easiest way to use is to install it from npm and build it into your app with Webpack.

    npm install @lskjs/button

    Then use it in your app:

    import Button from '@lskjs/button';
    
    const App = (
      <Button variant="primary">Primary button</Button>
    );

    For more examples and usage, please refer

    Props

    • appearance // atlas

    • variants = [ // bootstrap default primary secondary success warning danger info light dark ]

    • views = [ transparent text ]

    • alternatives = [ normal, outline, empty // link ]

    • shape = [ circle ]

    • sizes = [xs, sm, md, lg, xl]

    • states = [ active, focusable, disabled]

    • colors={{}}

    See the props documentation for complete documentation on the props react-select supports.

    Examples

    import Button from '@lskjs/button/Button';
    import ButtonGroup from '@lskjs/button/ButtonGroup';
    
    export default () => (
      <ButtonGroup>
        <Button variant="primary">Primary button</Button>
        <Button variant="outline-secondary">Secondary Button</Button>
        <Button as="input" type="submit" value="Submit Button" />
        <Button size="lg">Large Button</Button>
        <Button block>Block Button</Button>
        <Button active>Active Button</Button>
        <Button disabled>Disabled Button</Button>
        <Button type="primary" shape="circle" icon={<SearchOutlined />} />
      </ButtonGroup>
    )

    See the more examples in Storybook.

    Details

    Theme

    1. change variants colors
    2. new variants from theme

    HOCS

    пока нету но скоро будет

    • withFetch
    • withState
    • withRipple

    Cases

    Loading button

    // TODO: 

    Icon button

    // TODO: 

    Stateful button

    // TODO: 

    Next features

    • ButtonGroup
    • Dropdown
    • Menu

    More info

    Links

    Contact

    Contributors


    Igor Suvorov

    💻 🎨 🤔

    Thanks goes to these wonderful people (emoji key):

    License

    This project is licensed under the MIT License - see the LICENSE file for details

    Inspired by

    Contributing

    1. Fork it (https://github.com/yourname/yourproject/fork)
    2. Create your feature branch (git checkout -b feature/fooBar)
    3. Commit your changes (git commit -am 'Add some fooBar')
    4. Push to the branch (git push origin feature/fooBar)
    5. Create a new Pull Request

    Install

    npm i @lskjs/button

    DownloadsWeekly Downloads

    38

    Version

    2.7.2

    License

    MIT

    Unpacked Size

    3.22 MB

    Total Files

    35

    Last publish

    Collaborators

    • isuvorov
    • yukioru
    • andru_xa
    • natavts
    • blacklightburn
    • ga2mer
    • iburey
    • kafkae
    • sophiyabezruk
    • vladik_deniska
    • finalgetname