Skip to content

Commit d44ad9d

Browse files
danielguillandanielguillan
committed
Add default story
1 parent d129011 commit d44ad9d

File tree

2 files changed

+134
-2
lines changed

2 files changed

+134
-2
lines changed

‎packages/react/src/PricingCards/PricingCards.features.stories.tsx

+1-2
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const decorators = Story => (
2424
)
2525

2626
export default {
27-
title: 'Components/PricingCards/features',
27+
title: 'Components/PricingCards/Features',
2828
component: PricingCards,
2929
decorators: [decorators],
3030
} as Meta<typeof PricingCards>
@@ -353,7 +353,6 @@ export const WithoutFeatures: StoryFn<typeof PricingCards> = () => {
353353
19
354354
</PricingCards.Price>
355355
<PricingCards.PrimaryAction href="/buy">Buy now</PricingCards.PrimaryAction>
356-
<PricingCards.SecondaryAction href="/contact">Contact sales</PricingCards.SecondaryAction>
357356
</PricingCards.Item>
358357

359358
<PricingCards.Item>

‎packages/react/src/PricingCards/PricingCards.stories.tsx

+133
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
import React from 'react'
2+
import {StoryFn, Meta} from '@storybook/react'
3+
import {PricingCards} from '.'
4+
import {Box, Grid, ThemeProvider} from '..'
5+
6+
export default {
7+
title: 'Components/PricingCards',
8+
component: PricingCards,
9+
} as Meta<typeof PricingCards>
10+
11+
export const Default = () => (
12+
<ThemeProvider colorMode="auto">
13+
<Box
14+
backgroundColor="subtle"
15+
paddingBlockStart="spacious"
16+
paddingBlockEnd="spacious"
17+
style={{
18+
['--brand-color-accent-primary' as string]: 'var(--base-color-scale-purple-4)',
19+
minHeight: '100vh',
20+
}}
21+
>
22+
<Grid>
23+
<Grid.Column span={12}>
24+
<PricingCards>
25+
<PricingCards.Item>
26+
<PricingCards.Heading>Copilot Individual</PricingCards.Heading>
27+
<PricingCards.Description>
28+
Code completions, Chat, and more for indie developers and freelancers.
29+
</PricingCards.Description>
30+
<PricingCards.Price currencySymbol="$" trailingText="per month / $100 per year">
31+
10
32+
</PricingCards.Price>
33+
<PricingCards.FeatureList>
34+
<PricingCards.FeatureListHeading>Chat</PricingCards.FeatureListHeading>
35+
<PricingCards.FeatureListItem>
36+
Unlimited messages, interactions, and history
37+
</PricingCards.FeatureListItem>
38+
<PricingCards.FeatureListItem>
39+
Context-aware coding support and explanations
40+
</PricingCards.FeatureListItem>
41+
<PricingCards.FeatureListItem variant="excluded">
42+
Debugging and security remediation assistance
43+
</PricingCards.FeatureListItem>
44+
<PricingCards.FeatureListItem variant="excluded">
45+
Repository-based semantic search
46+
</PricingCards.FeatureListItem>
47+
<PricingCards.FeatureListItem variant="excluded">
48+
Access your knowledge base
49+
</PricingCards.FeatureListItem>
50+
<PricingCards.FeatureListHeading>Code completion</PricingCards.FeatureListHeading>
51+
<PricingCards.FeatureListItem>Code suggestions as you type</PricingCards.FeatureListItem>
52+
<PricingCards.FeatureListItem>Comments to code</PricingCards.FeatureListItem>
53+
<PricingCards.FeatureListItem variant="excluded">
54+
Fine-tuned models (coming soon)
55+
</PricingCards.FeatureListItem>
56+
</PricingCards.FeatureList>
57+
58+
<PricingCards.Footnote>
59+
Free for verified students, teachers, and maintainers of popular open source projects.
60+
</PricingCards.Footnote>
61+
62+
<PricingCards.PrimaryAction href="/buy">Start a free trial</PricingCards.PrimaryAction>
63+
</PricingCards.Item>
64+
65+
<PricingCards.Item featured>
66+
<PricingCards.Label>Recommended</PricingCards.Label>
67+
<PricingCards.Heading>Copilot Business</PricingCards.Heading>
68+
<PricingCards.Description>Copilot personalized to your organization.</PricingCards.Description>
69+
<PricingCards.Price currencySymbol="$" trailingText="per user / month">
70+
19
71+
</PricingCards.Price>
72+
<PricingCards.PrimaryAction href="/buy">Buy now</PricingCards.PrimaryAction>
73+
<PricingCards.SecondaryAction href="/contact">Contact sales</PricingCards.SecondaryAction>
74+
<PricingCards.FeatureList>
75+
<PricingCards.FeatureListHeading>Chat</PricingCards.FeatureListHeading>
76+
<PricingCards.FeatureListItem>
77+
Unlimited messages, interactions, and history
78+
</PricingCards.FeatureListItem>
79+
<PricingCards.FeatureListItem>
80+
Context-aware coding support and explanations
81+
</PricingCards.FeatureListItem>
82+
<PricingCards.FeatureListItem>
83+
Debugging and security remediation assistance
84+
</PricingCards.FeatureListItem>
85+
<PricingCards.FeatureListItem>Repository-based semantic search</PricingCards.FeatureListItem>
86+
<PricingCards.FeatureListItem variant="excluded">
87+
Access your knowledge base
88+
</PricingCards.FeatureListItem>
89+
<PricingCards.FeatureListHeading>Code completion</PricingCards.FeatureListHeading>
90+
<PricingCards.FeatureListItem>Code suggestions as you type</PricingCards.FeatureListItem>
91+
<PricingCards.FeatureListItem>Comments to code</PricingCards.FeatureListItem>
92+
<PricingCards.FeatureListItem variant="excluded">
93+
Fine-tuned models (coming soon)
94+
</PricingCards.FeatureListItem>
95+
</PricingCards.FeatureList>
96+
</PricingCards.Item>
97+
98+
<PricingCards.Item>
99+
<PricingCards.Label>Available Feb 2024</PricingCards.Label>
100+
<PricingCards.Heading>Copilot Enterprise</PricingCards.Heading>
101+
<PricingCards.Description>
102+
Copilot personalized to your organization throughout the software development lifecycle. Requires GitHub
103+
Enterprise Cloud.
104+
</PricingCards.Description>
105+
<PricingCards.Price currencySymbol="$" trailingText="per user / month">
106+
39
107+
</PricingCards.Price>
108+
<PricingCards.FeatureList>
109+
<PricingCards.FeatureListHeading>Chat</PricingCards.FeatureListHeading>
110+
<PricingCards.FeatureListItem>
111+
Unlimited messages, interactions, and history
112+
</PricingCards.FeatureListItem>
113+
<PricingCards.FeatureListItem>
114+
Context-aware coding support and explanations
115+
</PricingCards.FeatureListItem>
116+
<PricingCards.FeatureListItem>
117+
Debugging and security remediation assistance
118+
</PricingCards.FeatureListItem>
119+
<PricingCards.FeatureListItem>Repository-based semantic search</PricingCards.FeatureListItem>
120+
<PricingCards.FeatureListItem>Access your knowledge base</PricingCards.FeatureListItem>
121+
<PricingCards.FeatureListHeading>Code completion</PricingCards.FeatureListHeading>
122+
<PricingCards.FeatureListItem>Code suggestions as you type</PricingCards.FeatureListItem>
123+
<PricingCards.FeatureListItem>Comments to code</PricingCards.FeatureListItem>
124+
<PricingCards.FeatureListItem>Fine-tuned models (coming soon)</PricingCards.FeatureListItem>
125+
</PricingCards.FeatureList>
126+
<PricingCards.PrimaryAction href="/waitlist">Join waitlist</PricingCards.PrimaryAction>
127+
</PricingCards.Item>
128+
</PricingCards>
129+
</Grid.Column>
130+
</Grid>
131+
</Box>
132+
</ThemeProvider>
133+
)

0 commit comments

Comments
 (0)