1234567891011121314151617181920212223242526 |
- import range from 'lodash/range';
- import List from 'sentry/components/list';
- import ListItem from 'sentry/components/list/listItem';
- import {listSymbol} from 'sentry/components/list/utils';
- export default {
- title: 'Components/List',
- argTypes: {
- symbol: {
- options: Object.keys(listSymbol),
- control: {type: 'radio'},
- },
- },
- };
- export const _List = ({...args}) => {
- const items = range(0, 10);
- return (
- <List {...args}>
- {items.map(item => (
- <ListItem key={item}>Item {item + 1}</ListItem>
- ))}
- </List>
- );
- };
|