Live Storybook
Bloom components
Bento Grid
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
Bento Grid
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
Card: a
Card Description
Any slot here
Card: b
Card Description
Any slot here
Card: c
Card Description
Any slot here
Card: d
Card Description
Any slot here
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
Required
name
*
:string
Required
description
*
:string
icon
:string
Hero-icon name
"hero-trophy"
col_start
:integer
1
col_end
:integer
3
row_start
:integer
1
row_end
:integer
1
class
:string
CSS class for parent div
""
background
:slot
Required
inner_block
*
:slot
Any slot here
Open a variation
Bento card
Basic inputs