/
- Compound
- Accordion
- Content
- BenefitsSection
- Billboard
- ImageBackgroundCallToAction
- Primitives
- Button
- LegacyButton
- Color
- Columns
- GridContainer
- Popover
- Stack
- StyledLink
- Typography
- Hero
- CenteredHero
- GifBackgroundHero
- SimpleHero
- SplitHero
- StandardHero
- VideoBackgroundHero
- Dialog
- EmailSignupDialog
- Promo
- OfferBox
- SimpleBanner
- Merchandise
- ProductCard
- Shop
- ShopSection
- ShopSectionNew
- App Portrayal
- SleepRoutineTabsSection
- Interactions
- Toast
- Docs
- Working with DatoCMS
- Magic Link Authentication Flow
- Comprehensive Next.js Authentication Flow
<Stack> Component
Layout with <Stack />
Use the gap prop to vertically distribute with CSS grid layout
Code Editor
<Stack gap={16}><Button variant="primary" text="Hello world" /><Button variant="secondary" text="Hello world" /><Divider /><Button variant="primary" text="Hello world" /><Button variant="secondary" text="Hello world" /></Stack>
Code Editor
<Stack gap={48}><Button variant="primary" text="Hello world" /><Button variant="secondary" text="Hello world" /><Divider /><Button variant="primary" text="Hello world" /><Button variant="secondary" text="Hello world" /></Stack>