Live Storybook
Bloom components
Hero
Quick search...
⌘K
Storybook
Welcome Page
Bloom components
Avatar
Bento Grid
Card
Code Snippet
Glow Button
Gradient Text
Hero
Marquee
Core components
Examples
- 0.6.1
Welcome Page
Welcome Page
Avatar
Bloom components
Avatar
Bento Grid
Bloom components
Bento Grid
Card
Bloom components
Card
Code Snippet
Bloom components
Code Snippet
Glow Button
Bloom components
Glow Button
Gradient Text
Bloom components
Gradient Text
Hero
Bloom components
Hero
Marquee
Bloom components
Marquee
Button
Core components
Button
Flash
Core components
Flash
Header
Core components
Header
Input
Core components
Input
List
Core components
List
Modal
Core components
Modal
Table
Core components
Table
Bloom Components Landing
Examples
Bloom Components Landing
Core Components
Examples
Core Components
Hero
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
Hero
This is the subtitle
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
class
:string
CSS class for the hero component
""
Required
inner_block
*
:slot
Main content block of the hero component
Hero
subtitle
:slot
Subtitle content block
<:subtitle>This is the subtitle</:subtitle>
actions
:slot
Action buttons or links
Open a variation
Default
With subtitle
With actions