Basic Ui the resets

All user interaface inputs are in 'button-*' wraps. All button wrap its a stable reset inner input and ui element. In short: From non-cross-browser inputs to units that are always the same for everyone

Ui standardized

link

Simple link

button

input submit

input reset

label

input email

input phone

input url

input search

input number

text

password

input select

date

input file

icon (move it with justify-content: flex-start,flex-end)

simple textarea


radio buttons

checkbox buttons

"Explicit Switch" (A group of radio with `data-switch`)

Ui in groups

Regardless of which button is, it can be grouped into a "type-group". If you want to make it vertical in the mobile version it will be necessary to add "setmobile" to the class.

type-group (classic)

type-group (setmobile)

Ui logical presets

Create usability combo via logical theme classes (we suggest building custom classes)

input phone

input file

type-password

type-rating


type-number

range

0

select

dropdown

select + search

dropdown + search

select + search + multiple

dropdown + search + multiple


clock

timer

date (UTC YMD compact)

date (EUR DMY)

date (EUR DMY min max start)

date (EUR DMY multi date)