walls-io-storybook-components v0.0.60

Walls.io storybook components

Consuming the package

Install the package:

npm install walls-io-storybook-components

Add css to App.js or global.css

import "walls-io-storybook-components/dist/index.css";

Import the components:

import { Input, Switch } from "walls-io-storybook-components";

const [checked, setChecked] = useState(false)

<Input
primary={true}
label="Primary Input"
iconBefore={SaveIcon}
onClick={() => console.log('Primary Input Clicked')}
/>
<Switch
    id={'switch'}
    checked={checked}
    onChange={() => setChecked(!checked)}
/>

Development

Install and run storybook:

npm install
npm run storybook

Storybook will be available at http://localhost:6006/
Details are in the introduction page of storybook.