dropdown.stories.tsx 754 B

12345678910111213141516171819202122232425262728
  1. import React from 'react';
  2. import { storiesOf } from '@storybook/react';
  3. import Dropdown from '../index';
  4. const stories = storiesOf('Dropdown', module);
  5. stories.add(`default`, () => {
  6. const Demo = () => {
  7. return <Dropdown
  8. trigger="click"
  9. render={
  10. <Dropdown.Menu>
  11. <Dropdown.Item disabled>1111</Dropdown.Item>
  12. <Dropdown.Divider />
  13. <Dropdown.Item selected={true}>
  14. 2222 What if the text is super long? Longer than whatever you've known
  15. </Dropdown.Item>
  16. <Dropdown.Item>It looks OK</Dropdown.Item>
  17. </Dropdown.Menu>
  18. }
  19. >
  20. <div>分割线</div>
  21. </Dropdown>
  22. }
  23. return <Demo/>
  24. })