Aero UI

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

Button