Checkbox CORE v5.0.0+

On this page

See also

Radio, Switch, Block, Label

A checkbox component that is able to imitate native control on mobile platforms.

Use --tui-background-accent-2 CSS variable to customize color of native control emulation

Platforms

Add import of @taiga-ui/addon-mobile/styles/taiga-ui-mobile.less to your encapsulated global styles to enable power of TuiPlatform directive.

Decorative

If you only want to show checkbox for decorative purpose, without it being interactive — use it without Angular forms.

Form

Using with Angular forms: boolean is determinate and null is indeterminate state.

1. What framework do you like?

Customization

Use tuiCheckboxOptionsProvider to override the colors of the checkbox with appearance colors

GitHub StackBlitz