Inputs

By default, form inputs have fairly light styling, and use invertible base colors. General variables for styling inputs are in the config section.

Buttons

Default button

Primary button

Secondary button

Contrary button

Ghost button

Outline button

Link as button I'm a link

Disabled button

Button sizes

Small Button

Default button

Large Button

Overriding with utility classes

You can use utility classes to override any properties you like. Here we have a primary button, but we've added classes to override the background, text size, border, and border-radius

Custom button

Standard inputs

We can also use the class 'inputs-full-width' to make all text-like inputs full width. Click this paragraph to toggle it.

Text Input

Password Input

Email Input

Search Input

URL Input

Phone Input

Number Input

Date Input

Time Input

Textarea

Select Dropdown

Radio Buttons

Option One

Option Two

Checkboxes