Without label

Hand this to your AI. It names the exact library parts, timings and accessibility promises of this demo.

Build the "Without label" pattern (@codeatlasdev/ui demo #009, inputs/checkbox) in my app.

Call get_demo({ ids: ["#009"] }) first and keep its structure. It needs @codeatlasdev/[email protected].
Use: Row selection checkboxes in tables or lists where the label is implied by the row and only an accessible name is needed.

Keep these library parts, with the props and tokens the demo uses:
- Checkbox from "@codeatlasdev/ui"

Behaviour to keep:
- `bind:checked={value}` with `aria-label="Unlabelled checkbox"`
- `checked` with `aria-label="Unlabelled checked checkbox"`
- `indeterminate` with `aria-label="Unlabelled indeterminate checkbox"`
- No `label` prop on any of the three

Reduced motion: the demo handles it; keep that branch.
Keyboard: operable; keep the focus order and key handling.

Change only the copy and the data. Use the theme tokens (--ca-*), never raw colours.

Library parts

• Checkbox @codeatlasdev/ui

How it is built

• `bind:checked={value}` with `aria-label="Unlabelled checkbox"`
• `checked` with `aria-label="Unlabelled checked checkbox"`
• `indeterminate` with `aria-label="Unlabelled indeterminate checkbox"`
• No `label` prop on any of the three

Related

• #008 States component/input
• #007 Disabled component/input
• #387 Shift range selection component/input
• #001 Full width component/input
• #002 With icons component/input
• #003 Loading component/input