Custom select

Use <CustomInput type="select"> to trigger the custom styles. Cannot modify the <option>s due to browser limitations.

You may also choose from small and large custom selects to match our similarly sized text inputs.


Float label

Put Input and Label components into FloatLabel component. The label element will float above the placeholder and when the cursor focuses on input, the label will be floating to the top of input element.



To change input element size, you can set size property.


Custom checkboxes and radios

Custom checkboxes and radios can also be disabled. Add the disabled boolean property to the component and the custom indicator and label description will be automatically styled.


Switches

A switch has the markup of a custom checkbox but uses the type="switch" to render a toggle switch. Switches also support the disabled attribute.


Custom slider

Custom file input

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

May 14, 2020