All components
Checkmark
The standalone checkbox indicator square used by checkbox-style components.
Variants
solid
outline
subtle
plain
inverted
Sizes
xs
sm
md
lg
Install
zsh — checkmark
1bunx stylexblocks add checkmarkUsage — Ark UI
checkmark.tsx
1234567891011121314151617import { Checkmark } from "#components/ui/ark-ui/checkmark.tsx";import { indigoPalette } from "@stylexblocks/ui/themes/palettes.ts";
export function Example() { return ( <> {/* checked by default — pass checked={false} for the empty box */} <Checkmark variant="solid" size="md" palette={indigoPalette} /> <Checkmark variant="outline" size="md" checked={false} />
{/* composition: asChild forwards everything onto your element */} <Checkmark asChild variant="subtle"> <li /> </Checkmark> </> );}