@theswing/rhythm NPM

npm version

Rhythm

@theswing/rhythm is React implementation of @the-swing's design system.

Install

$ npm i @theswing/rhythm

Usage

import { SwingThemeProvider, Button, ButtonGroup } from '@theswing/rhythm';
import { ReactComponent as Icon } from 'your-icon.svg';

function App() {
  return <SwingThemeProvider>
    <ButtonGroup variant={'2-b-v'}>
      <Button variant={'tertiary'}>
        <Button.Text>Tertiary Button</Button.Text>
      </Button>
      <Button variant={'primary'}>
        <Button.Icon><Icon /></Button.Icon>
        <Button.Text>Primary Button</Button.Text>
      </Button>
    </ButtonGroup>
  </SwingThemeProvider>
}

framer-motion

@everything-registry/sub-chunk-914 @zalastax/nolb-_thes

5 months ago

2 years ago

2 years ago

2 years ago

2 years ago