/
- 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
<OfferBox> Component
How it works
By default - the gift icon is used
Code Editor
<OfferBox heading="Special offer for you!" >Anything goes here! Put whatever text, links or images you desire!</OfferBox>
With truck icon
Here we specify the truck icon via prop
Code Editor
<OfferBox icon="truck" heading="Special offer for you!" >Anything goes here! Put whatever text, links or images you desire!</OfferBox>