Phenix Storybook
Pick a theme
Displays
Riders
Components
Navigation
Breadcrumb
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
Breadcrumb
Tabs
Table
Examples
- 0.6.4
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
Breadcrumb
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
Ecrans
/
Barbershop
/
Utilisateurs
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
id
:string
Breadcrumb id
class
:string
Extends the breadcrumb class
Required
links
*
:list
The list of navigation items. Each item should be a tuple.
mobile
:boolean
If mobile is false, the breadcrumb won't be displayed below the 'lg' breakpoint.
icon
:string
An icon to display before the breadcrumb
image
:string
The url of an image to display before the breadcrumb
badges
:slot
<:badges> <.badge icon="fa fa-alicorn"/> </:badges>
Open a variation
Default
With icon
With image
With badge
With badge slot