platformIcon.stories.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import React from 'react';
  2. import styled from '@emotion/styled';
  3. import {withInfo} from '@storybook/addon-info';
  4. import PlatformIcon from 'app/components/platformIcon';
  5. const StyledPlatformIcon = styled(PlatformIcon)`
  6. margin: 0 15px 15px 0;
  7. `;
  8. export default {
  9. title: 'Style/Icons',
  10. };
  11. export const _PlatformIcon = withInfo('Scalable platform and framework icons')(() => (
  12. <div>
  13. <StyledPlatformIcon platform="generic" size="24" />
  14. <StyledPlatformIcon platform="javascript-angular" size="24" />
  15. <StyledPlatformIcon platform="java-appengine" size="24" />
  16. <StyledPlatformIcon platform="apple" size="24" />
  17. <StyledPlatformIcon platform="python-bottle" size="24" />
  18. <StyledPlatformIcon platform="cordova" size="24" />
  19. <StyledPlatformIcon platform="csharp" size="24" />
  20. <StyledPlatformIcon platform="python-django" size="24" />
  21. <StyledPlatformIcon platform="electron" size="24" />
  22. <StyledPlatformIcon platform="elixir" size="24" />
  23. <StyledPlatformIcon platform="javascript-ember" size="24" />
  24. <StyledPlatformIcon platform="python-flask" size="24" />
  25. <StyledPlatformIcon platform="go" size="24" />
  26. <StyledPlatformIcon platform="java" size="24" />
  27. <StyledPlatformIcon platform="node" size="24" />
  28. <StyledPlatformIcon platform="php" size="24" />
  29. <StyledPlatformIcon platform="perl" size="24" />
  30. <StyledPlatformIcon platform="python" size="24" />
  31. <StyledPlatformIcon platform="ruby-rails" size="24" />
  32. <StyledPlatformIcon platform="javascript-react" size="24" />
  33. <StyledPlatformIcon platform="ruby" size="24" />
  34. <StyledPlatformIcon platform="rust" size="24" />
  35. <StyledPlatformIcon platform="swift" size="24" />
  36. <StyledPlatformIcon platform="javascript-vue" size="24" />
  37. </div>
  38. ));
  39. _PlatformIcon.story = {
  40. name: 'PlatformIcon',
  41. };