Components with TailwindCSS
download light
✓
usable without any installation
✓
just plug and play
Stepper
Expansion Panel
Draggables
Text Fields
Dropdowns
Datepickers
Reactive Tables
Loaders
Ripples
Boxes / Slider
Icons
Button & Badge
Tooltips
Stepper ^
✓
can be used for Tab Group View
{{horizontal ? 'Horizontal' : 'Vertical'}} stepper
Expansion Panel ^
Draggable ^
Text Field^ module
✓
can be used for various versions of input fields
✓
Chip List can be used for suffix or prefix
{{isArea ? 'Textarea' : 'Textfield'}} input
{{isPassword ? 'Password' : 'Text'}} input
{{label}} {{isRequired ? '*' : ''}}
Dropdown ^ module
✓
can be used for any Drop Down Menu
Autocomplete {{!autoComplete ? 'Dis' : 'En'}}abled
{{label}} {{isRequired ? '*' : ''}}
Date Picker ^ module
{{rangedInp ? 'Ranged' : 'Single'}} date picker
Select Date {{isRequired ? '*' : ''}}
Please provide valid values
{{allowedPickerRange.length>0 ? 'Valid: ' + allowedPickerRange : 'Pick a date for selection'}}
Reactive Table ^
✓
can be used for List Views
#
Items per Page
Page {{dataSource.pageIndex+1}} of {{dataSource.totalPages}}
Loader ^
Progress Bar
Progress Spinner
Ripples^
parent
ripple
disabled
Boxes / Slider ^ module
Slider
Slider {{sliderActive ? 'en' : 'dis'}}abled
Slider {{slider2Active ? 'en' : 'dis'}}abled
Fruits
{{itemsSelected !== selectList.length ? itemsSelected : 'all'}} selected
Veggies
Icons ^
Button & Badge ^
Tooltip ^
Hello Tip
Hello Long Tip
CSS Tip
HTML Tip