Dai UI

Recipes

How to contribute?

Search Input
Search input with icon
Some Table Title
Thead1
Thead2
Thead3
row1
1
ok
row2
1
ok
row3
1
ok
row4
1
ok
row5
1
ok
row6
1
ok
Scrollable Table
Scrollable Table for grouped content
Buttons
Primary and outline buttons with active and disabled styles.
Checkbox and Radio
Checkbox and radio buttons with labels.
loadingdonut
Loaders
Spinner and donut loader.

Dai UI

Navigation Header
Header with navigation links.
Error message goes here
Forms
Forms with labels and error state.
Error message goes here
Textareas
Textareas with labels and error state.
Select Dropdown
Select dropdown with labels.
Here is a primary alert
Here is a success alert
Here is a notice alert
Here is a warning alert
Alerts
Alerts for primary, success, notice, and warning.
Sliders
Sliders with labels and error state.
By using this website you agree to our cookie policy
Privacy Policy Thing
Usually uses position:fixed, Remember to integrate the Link component properly.

Inputs and Buttons





Inputs and Buttons
Just actionable elements.

Layouts and Markup


HomeBlogAboutNavlinks
Alert: some alert message

This is a heading

Some Basic Text
I'm a Link
With a Badge
Some message goes here

Inputs and Buttons





Sliders and Loaders

Loading...
Embedded video in a card
Everything
All Components