Components

Demo

Demo

Label

Usage

<Label>Label</Label>

Props

Property	Type	Default	Required	Description
className	string		no	Additional classes

Input

Usage

<Input />

Props

Property	Type	Default	Required	Description
invalid	boolean	false	no	Show the input is invalid
className	string		no	Additional classes

CustomSelect

Usage

<CustomSelect>
  <option>Select</option>
  <option>Option</option>
</CustomSelect>

Props

Property	Type	Default	Required	Description
invalid	boolean	false	no	Show the input is invalid
className	string		no	Additional classes

Textarea

Usage

<Textarea rows="5"></Textarea>

Props

Property	Type	Default	Required	Description
invalid	boolean	false	no	Show the input is invalid
className	string		no	Additional classes

FileBrowser

Usage

<FileBrowser />

Props

Property	Type	Default	Required	Description
onChange	function		no	Callback function when file input is changed
className	string		no	Additional classes

Checkbox

Usage

<Checkbox label="Checkbox" />

Props

Property	Type	Default	Required	Description
label	string		no	Label
partial	boolean	false	no	Partially checked checkbox
invalid	boolean	false	no	Show the input is invalid
className	string		no	Additional classes

Radio

Usage

<Radio name="radio" label="Radio" />

Props

Property	Type	Default	Required	Description
label	string		no	Label
invalid	boolean	false	no	Show the input is invalid
className	string		no	Additional classes

Switch

Usage

<Switch label="Switch" />

Props

Property	Type	Default	Required	Description
label	string		no	Label
outlined	boolean	false	no	Outlined
className	string		no	Additional classes

RangeSlider

Usage

<RangeSlider min="1" max="100" defaultValue="50" />

Props

Property	Type	Default	Required	Description
className	string		no	Additional classes

RatingStars

Usage

<RatingStars />

Props

Property	Type	Default	Required	Description
value	string		no	Rating
onChange	function		no	Callback function when rating is changed
className	string		no	Additional classes