GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 03:41:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): add font family story for Typeset component

Browse Source
This commit is contained in:
Umar Ahmed 2019-12-15 16:48:42 -05:00
parent 6d760b06da
commit 3c38bbf206
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/components/src/blocks/Typeset.stories.tsx
View File

@ -8,9 +8,11 @@ export default {
const fontSizes = ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px']; const fontSizes = ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px'];
const fontWeight = 900; const fontWeight = 900;
const fontFamily = 'monospace';
export const withFontSizes = () => <Typeset fontSizes={fontSizes} />; export const withFontSizes = () => <Typeset fontSizes={fontSizes} />;
export const withFontWeight = () => <Typeset fontSizes={fontSizes} fontWeight={fontWeight} />; export const withFontWeight = () => <Typeset fontSizes={fontSizes} fontWeight={fontWeight} />;
export const withFontFamily = () => <Typeset fontSizes={fontSizes} fontFamily={fontFamily} />;
export const withWeightText = () => ( export const withWeightText = () => (
<Typeset fontSizes={fontSizes} fontWeight={fontWeight} sampleText="Heading" /> <Typeset fontSizes={fontSizes} fontWeight={fontWeight} sampleText="Heading" />
); );