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 — Base UI
checkmark.tsx
123456789101112131415import { Checkmark } from "#components/ui/base-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: the render prop replaces the underlying element */} <Checkmark variant="subtle" render={<li />} /> </> );}