TODO
Checkbox
The checkbox component is used to allow users to select one or more options from a list. It is commonly used in forms and other settings where users need to make a selection. The current implementation does not allow the indeterminate
state, and it will most likely not be added in the future (as I have not found a use case for it).
Preview
Name Type Default
value The value of the checkbox.
bindable<boolean>
false
label The label of the checkbox.
string
-
invalid Whether the checkbox is invalid.
boolean
-
disabled Whether the checkbox is disabled.
boolean
-
Usage
Simply import the component and use it in your app.
<script lang="ts">
import { Checkbox } from '@mikededo/aero-ui';
</script>
<div class="flex flex-col gap-4">
<Checkbox label="Apple" />
<Checkbox label="Orange" />
<Checkbox label="Banana" />
<Checkbox label="Grape" />
</div>
Previous
ButtonNext
Icon button