mirror of
https://github.com/bitwarden/browser
synced 2025-12-15 15:53:27 +00:00
[CL-41] Typography directive (#3741)
This commit is contained in:
59
libs/components/src/stories/typography.stories.mdx
Normal file
59
libs/components/src/stories/typography.stories.mdx
Normal file
@@ -0,0 +1,59 @@
|
||||
import { Meta, Story, Source } from "@storybook/addon-docs";
|
||||
|
||||
<Meta title="Documentation/Typography" />
|
||||
|
||||
# Typography
|
||||
|
||||
<Story id="component-library-typography--h-1" />
|
||||
|
||||
```html
|
||||
<h1 bitTypography="h1">H1</h1>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--h-2" />
|
||||
|
||||
```html
|
||||
<h2 bitTypography="h2">H2</h2>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--h-3" />
|
||||
|
||||
```html
|
||||
<h3 bitTypography="h3">H3</h3>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--h-4" />
|
||||
|
||||
```html
|
||||
<h4 bitTypography="h4">H4</h4>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--h-5" />
|
||||
|
||||
```html
|
||||
<h5 bitTypography="h5">H5</h5>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--h-6" />
|
||||
|
||||
```html
|
||||
<h6 bitTypography="h6">H6</h6>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--body-1" />
|
||||
|
||||
```html
|
||||
<p bitTypography="body1">Body 1</p>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--body-2" />
|
||||
|
||||
```html
|
||||
<p bitTypography="body2">Body 2</h1>
|
||||
```
|
||||
|
||||
<Story id="component-library-typography--helper" />
|
||||
|
||||
```html
|
||||
<p bitTypography="helper">Helper Text</h1>
|
||||
```
|
||||
Reference in New Issue
Block a user