⚠️ Mixin UI is currently in alpha stage
Documentation
Customization
Components

Checkbox

Allows users to select several items from multiple choices within a form.

Import

import { XCheckbox } from '@mixin-ui/kit';

Usage

@Component({
  template: `
    <button x-checkbox [(ngModel)]="value"></button>
  `
})
export class Usage {
  readonly value = signal(false);
}

Examples

Sizes

Radii

States

Api

Inputs

NameTypeDefault
value
string
size
enum
md
radius
enum
md
iconChecked
string
"check"
iconIndeterminate
string
"minus"

Models

NameTypeDefault
indeterminate
boolean
false