Kodo UI
Options
Dark Mode
General
Typography
Icons
Headings
Buttons
Tabs
Tables
Cards
Navigation
Modals
Colors
Avatars
Metadata
Descriptions
Alerts
Filters
Progress
Tags
Grid
Media
Tree
Form
Forms
File Upload
Examples
Content
Form
Form with footer
Kodo UI
Forms
Large
Medium
Small
Forms
Text input
Input field
Number Input field
Disabled Input field
Locked Input field
Validation error
Something is wrong!
Textarea example
Forms
Presets / Postfix / Suffix
Url
http://
Percentage
%
Number
#
Custom
Prefix asdaj kshdakjsdh kjahsdkajhd as
Clear
Forms
Autocomplete
Autocomplete input
Forms
Multiselect
Multiselect object input
Multiselect string input
Forms
Dropdown / Select
Dropdown
Option #1
Option #2
Option #3
Controlled Dropdown with placeholder text
Example placeholder
Option #1
Option #2
Option #3
Controlled Dropdown with error and message
Example placeholder
Option #1
Option #2
Option #3
Required
This is a pretty long error message
Information about this particular input field
Some more information
Forms
Fieldset
Fieldset
Input field
Input field
Forms
Checkbox / Radio
Checkboxes
Checkbox #1
Checkbox #2
Disabled
Checkbox #2.5
Checkd & Disabled
Checkbox #3
This checkbox is default to checked
Toggle switches
Toggle #1
Toggle #2
Disabled
Toggle #3
On & Disabled
Toggle #4
This toggle is default on
Example label*
Radio #1
Radio #2
Example message text
Radio #3
Disabled
Radio #4
Checked & Disabled
Forms
Date & Time
Empty Datepicker
Datepicker with defaultValue
Datepicker with defaultValue and Time picker
Empty Datepicker (Disabled)
Datepicker with defaultValue and Time picker (Disabled)
DateRange
-->
DateRange with Time
-->
DateRange (Disabled)
-->
DateRange (Disabled with value)
-->
Forms
Birthday
Empty Birthday
Month
1 - January
2 - February
3 - March
4 - April
5 - May
6 - June
7 - July
8 - August
9 - September
10 - October
11 - November
12 - December
Birthday with value
Month
1 - January
2 - February
3 - March
4 - April
5 - May
6 - June
7 - July
8 - August
9 - September
10 - October
11 - November
12 - December
Birthday with value in icelandic
Month
1 - janúar
2 - febrúar
3 - mars
4 - apríl
5 - maí
6 - júní
7 - júlí
8 - ágúst
9 - september
10 - október
11 - nóvember
12 - desember
Birthday with value in icelandic
Month
1 - janúar
2 - febrúar
3 - mars
4 - apríl
5 - maí
6 - júní
7 - júlí
8 - ágúst
9 - september
10 - október
11 - nóvember
12 - desember
Required
This is a pretty long error message
Information about this particular input field
Some more information
Forms
Cascader
Cascader
Forms
Tree select
Tree
herp
derp
merp
Forms
Editor
DateRange with Time
-->
Editor, preset: Full
Loading...
Editor, preset: Normal
Loading...
Editor, preset: Inline
Loading...
Editor, preset: Custom
Loading...
Horizontal
Normal input field
Normal input field
Normal input field
OK