Inputs

Dropdown Menu

Interfaces:
id: id of component
class: class of component
placeholder: text that user sees first in dropdown menu
<ButtonDropdownMenu placeholder="Dropdown">
<option value="">Option 1</option>
<option value="">Option 2</option>
<option value="">Option 3</option>
</ButtonDropdownMenu>

Radio input

Interfaces:
id: id of component
class: class of component
name: name of component to define radio input groups
value: value of the option
placeholder: text displayed next to the radio input
<RadioInput name="radio1" value="" placeholder="Option 1" />
<RadioInput name="radio1" value="" placeholder="Option 2" />
<RadioInput name="radio1" value="" placeholder="Option 3" />


Button radio input

Interfaces:
id: id of component
class: class of component
name: name of component to define radio input groups
value: value of the option
placeholder: text displayed next to the radio input
<ButtonRadioInput name="radio2" value="" placeholder="Option 1" />
<ButtonRadioInput name="radio2" value="" placeholder="Option 2" />
<ButtonRadioInput name="radio2" value="" placeholder="Option 3" />




Toggle

Interfaces:
id: id of component
class: class of component
name: name of component
<ToggleInput />

Text input

Interfaces:
id: id of component
class: class of component
name: name of component
placeholder: text that is displayed inside of component when nothing is written
<ToggleInput />