Phenix Storybook
Pick a theme
Displays
Riders
Components
Badge
Quick search...
⌘K
Storybook
Colors
Typography
Components
Accordion
Badge
Chart
Google Map
Illustration
Infinite Scroll
Media Content
Message
Modal
Progress
Radial progress
Slide
Tooltip
Buttons
Form
Layout
Navigation
Table
Examples
- 0.6.1
Colors
Colors
Typography
Typography
Accordion
Components
Accordion
Badge
Components
Badge
Chart
Components
Chart
Google Map
Components
Google Map
Illustration
Components
Illustration
Infinite Scroll
Components
Infinite Scroll
Media Content
Components
Media Content
Message
Components
Message
Modal
Components
Modal
Progress
Components
Progress
Radial progress
Components
Radial progress
Slide
Components
Slide
Tooltip
Components
Tooltip
Button
Components
Buttons
Button
Button Group
Components
Buttons
Button Group
Dropdown
Components
Buttons
Dropdown
Avatar Upload
Components
Form
Avatar Upload
Checkbox
Components
Form
Checkbox
Color Picker
Components
Form
Color Picker
Date Picker
Components
Form
Date Picker
File Upload
Components
Form
File Upload
Input Range
Components
Form
Input Range
Multi Days Time Picker
Components
Form
Multi Days Time Picker
Radio
Components
Form
Radio
Select
Components
Form
Select
Text Input
Components
Form
Text Input
Time Picker
Components
Form
Time Picker
Toggle Switch
Components
Form
Toggle Switch
Description List
Components
Layout
Description List
Section Heading
Components
Layout
Section Heading
Breadcrumb
Components
Navigation
Breadcrumb
Tabs
Components
Navigation
Tabs
Table
Components
Table
Table
Table Front
Components
Table
Table Front
Form
Examples
Form
Google Map
Examples
Google Map
Table
Examples
Table
Badge
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
primary
info
success
warning
danger
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
id
:string
Badge id
class
:string
Extends the badge class
text
:string
Set the badge text to display
""
color
:any
Set to a color type with an atom or an hex color value
:default
small
:boolean
Set the badge to smaller size
false
icon
:string
Icon classes
tooltip
:string
Tooltip text
Open a variation
Default
Colors
Icons
Sizes
Tooltip