icon.stories.tsx 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import * as React from 'react';
  2. import { storiesOf } from '@storybook/react';
  3. import { IconHome, IconLock, IconClear, IconTickCircle, IconTick, IconClose, IconCaretUp } from '@douyinfe/semi-icons';
  4. const stories = storiesOf('Icon', module);
  5. stories.add('Icon', () => (
  6. <div>
  7. <div>
  8. <IconHome size="large" />
  9. <IconLock size="small" />
  10. <IconLock />
  11. <IconClear />
  12. <IconTickCircle />
  13. <IconTick />
  14. <IconClose />
  15. <IconCaretUp />
  16. </div>
  17. <div
  18. style={{
  19. color: 'red',
  20. }}
  21. >
  22. <IconHome size="large" />
  23. <IconLock size="small" />
  24. <IconLock />
  25. <IconClear />
  26. <IconTickCircle />
  27. <IconTick />
  28. <IconClose />
  29. <IconCaretUp />
  30. </div>
  31. <div
  32. style={{
  33. color: 'pink',
  34. }}
  35. >
  36. <IconHome size="large" />
  37. <IconLock size="small" />
  38. <IconLock />
  39. <IconClear />
  40. <IconTickCircle />
  41. <IconTick />
  42. <IconClose />
  43. <IconCaretUp />
  44. </div>
  45. </div>
  46. ));