0.2.0 • Published 4 years ago
@turnio/storybook v0.2.0
Turn.io UI components library.
Install
npm install @turnio/storybook grommet styled-components --save
or
yarn add @turnio/storybook grommet styled-components
Usage
import { Form, FormField } from "grommet";
import { turnTheme, icons, UploadInput } from "@turnio/storybook";
const { Enlarge, Close, Check } = icons;
const App = () => (
<Grommet theme={turnTheme}>
<Box direction="row" gap="small" align="center">
<Enlarge fill={turnTheme.global.colors["dark-4"]} />
<Close fill={turnTheme.global.colors["dark-4"]} />
<Check fill={turnTheme.global.colors["dark-4"]} />
</Box>
<Form>
<FormField component={UploadInput} />
</Form>
</Grommet>
);
Demo
Live demo - storybook.turn.io
Components
List of exported components - https://github.com/turnhub/turnio-storybook/blob/master/src/components/shared/index.js
List of exported icons - https://github.com/turnhub/turnio-storybook/blob/master/src/components/shared/icons/index.js
0.2.0
4 years ago
0.1.24
4 years ago
0.1.23
4 years ago
0.1.22
4 years ago
0.1.20
4 years ago
0.1.21
4 years ago
0.1.15
4 years ago
0.1.16
4 years ago
0.1.17
4 years ago
0.1.18
4 years ago
0.1.19
4 years ago
0.1.14
4 years ago
0.1.12
4 years ago
0.1.13
4 years ago
0.1.11
4 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.0
4 years ago