mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-07 00:21:24 +08:00
36 lines
1.4 KiB
TypeScript
36 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { storiesOf } from '@storybook/react';
|
|
import ListItem from './ListItem';
|
|
|
|
import { Icons } from '../icon/icon';
|
|
|
|
storiesOf('basics|Tooltip/ListItem', module)
|
|
.add('all', () => (
|
|
<div>
|
|
<ListItem loading />
|
|
<ListItem title="Default" />
|
|
<ListItem title="Default icon" right={<Icons icon="eye" />} />
|
|
<ListItem left="left" title="title" center="center" right="right" />
|
|
<ListItem active left="left" title="active" center="center" right="right" />
|
|
<ListItem
|
|
active
|
|
left="left"
|
|
title="active icon"
|
|
center="center"
|
|
right={<Icons icon="eye" />}
|
|
/>
|
|
<ListItem disabled left="left" title="disabled" center="center" right="right" />
|
|
</div>
|
|
))
|
|
.add('loading', () => <ListItem loading />)
|
|
.add('default', () => <ListItem title="Default" />)
|
|
.add('default icon', () => <ListItem title="Default icon" right={<Icons icon="eye" />} />)
|
|
.add('active icon', () => <ListItem active title="active icon" right={<Icons icon="eye" />} />)
|
|
.add('w/positions', () => <ListItem left="left" title="title" center="center" right="right" />)
|
|
.add('w/positions active', () => (
|
|
<ListItem active left="left" title="active" center="center" right="right" />
|
|
))
|
|
.add('disabled', () => (
|
|
<ListItem disabled left="left" title="disabled" center="center" right="right" />
|
|
));
|