LSK ux subrepo: button

Usage no npm install needed!

<script type="module">
  import lskjsButton from 'https://cdn.skypack.dev/@lskjs/button';


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


  • 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.


import Button from '@lskjs/button/Button';
import ButtonGroup from '@lskjs/button/ButtonGroup';

export default () => (
    <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 />} />

See the more examples in Storybook.



  1. change variants colors
  2. new variants from theme


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

  • withFetch
  • withState
  • withRipple


Loading button

// TODO: 

Icon button

// TODO: 

Stateful button

// TODO: 

Next features

  • ButtonGroup
  • Dropdown
  • Menu

More info



Contributors ✨

Igor Suvorov

💻 🎨 🤔

Thanks goes to these wonderful people (emoji key):


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

Inspired by


  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