Baustein UI

Layer · Forms

Beta

Check button.

bau-check-button

A button with a built-in checkbox at the start. Click anywhere on the surface toggles the box; the label gets struck through on commit. Composed from bau-checkbox — the box is purely visual, the button owns the click target and form value.

Variants

three surfaces

default · accent · ghost

Mark as done Confirm migration Hide from list Already shipped

Without strikethrough

no-strike

checkbox toggles, label stays clean

Remember me I agree to the terms Show advanced options

Task list

composition

vertical stack · ghost variant for dense lists

Draft v0.1 token system Build bau-button primitive Build bau-input primitive Build bau-select Set up custom elements manifest

API

attributes & properties
Attribute Type Default Description
checked boolean (reflected) false Toggle state. aria-pressed mirrors this on the inner button.
variant 'default' | 'accent' | 'ghost' 'default' Surface treatment.
no-strike boolean (reflected) false Suppresses the strikethrough on checked. Default: strike on.
name · value string · string '' · 'on' Form participation. Submits value only when checked.