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

Switch

Represents a binary choice, such as enabled or disabled.

Import

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

Usage

@Component({
  template: `
    <button x-switch [(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
iconUnchecked
string
Previous
Spinner