Phenix Storybook
Pick a theme
Displays
Riders
Components
Table
Table Front
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
Table
Table Front
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
Table Front
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
Ajouter
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
id
:string
Table front ID
class
:string
Extends the table front class
count_class
:string
Extends the counter class
search
:boolean
Is search bar enabled?
true
search_input_placeholder
:string
Placeholder text for the search input field
search_input_value
:string
Search input value
search_input_icon_wrapper_class
:string
Extend classes for search input
search_form_class
:string
Extend classes for search form
search_form_grid
:boolean
Remove the grid layout of the form
search_input_phx-debounce
:integer
Debounce for the search input
200
search_input_icon
:string
FontAwesome icon class for the search input field
"fas fa-search"
count
:any
Shows the number of records of the table below
false
selected_count
:any
Shows the number of selected records of the table below
false
count_label
:string
Label used next to the record count. Will be pluralized.
"enregistrement"
form
:slot
Additionnal form to the table front
inner_block
:slot
Buttons section, will displayed with a row flex layout right aligned
<.button text="Ajouter" icon="fa fa-plus"/>
Open a variation
Everything
Search and button
Only buttons
No button
With form slot