Skip to content

Commit

Permalink
Adds text status color to kitchen sink
Browse files Browse the repository at this point in the history
  • Loading branch information
@origami-z
origami-z committed May 28, 2024
1 parent 5da575c commit 1ccf1a7
Showing 1 changed file with 24 additions and 8 deletions.
32 changes: 24 additions & 8 deletions packages/lab/stories/kitchen-sink/kitchen-sink.stories.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -152,8 +152,12 @@ export const Example1 = () => {
<Display1>Masthead</Display1>
<H1>H1 Header</H1>
<H2>H2 Subheader</H2>
<Text variant="primary">Primary body copy</Text>
<Text variant="secondary">Secondary body copy</Text>
<Text color="primary">Primary body copy</Text>
<Text color="secondary">Secondary body copy</Text>
<Text color="error">Error body copy</Text>
<Text color="warning">Warning body copy</Text>
<Text color="success">Success body copy</Text>
<Text color="info">Info body copy</Text>
<Link>Default link text</Link>
<Text>
<code>Code example 123</code>
Expand All @@ -163,8 +167,12 @@ export const Example1 = () => {
<Display1>Masthead</Display1>
<H1>H1 Header</H1>
<H2>H2 Subheader</H2>
<Text variant="primary">Primary body copy</Text>
<Text variant="secondary">Secondary body copy</Text>
<Text color="primary">Primary body copy</Text>
<Text color="secondary">Secondary body copy</Text>
<Text color="error">Error body copy</Text>
<Text color="warning">Warning body copy</Text>
<Text color="success">Success body copy</Text>
<Text color="info">Info body copy</Text>
<Link>Default link text</Link>
<Text>
<code>Code example 123</code>
Expand All @@ -175,8 +183,12 @@ export const Example1 = () => {
<H1>H1 Header</H1>
<Card variant="secondary">
<H2>H2 Subheader</H2>
<Text variant="primary">Primary body copy</Text>
<Text variant="secondary">Secondary body copy</Text>
<Text color="primary">Primary body copy</Text>
<Text color="secondary">Secondary body copy</Text>
<Text color="error">Error body copy</Text>
<Text color="warning">Warning body copy</Text>
<Text color="success">Success body copy</Text>
<Text color="info">Info body copy</Text>
</Card>
<Link>Default link text</Link>
<Text>
Expand All @@ -188,8 +200,12 @@ export const Example1 = () => {
<H1>H1 Header</H1>
<Card variant="primary">
<H2>H2 Subheader</H2>
<Text variant="primary">Primary body copy</Text>
<Text variant="secondary">Secondary body copy</Text>
<Text color="primary">Primary body copy</Text>
<Text color="secondary">Secondary body copy</Text>
<Text color="error">Error body copy</Text>
<Text color="warning">Warning body copy</Text>
<Text color="success">Success body copy</Text>
<Text color="info">Info body copy</Text>
</Card>
<Link>Default link text</Link>
<Text>
Expand Down

0 comments on commit 1ccf1a7

Please sign in to comment.