All components
Radiomark
The standalone circular radio indicator with a scaled center dot.
Variants
solid
subtle
outline
inverted
Sizes
xs
sm
md
lg
Install
zsh — radiomark
1bunx stylexblocks add radiomarkUsage — Ark UI
radiomark.tsx
1234567891011121314151617import { Radiomark } from "#components/ui/ark-ui/radiomark.tsx";import { indigoPalette } from "@stylexblocks/ui/themes/palettes.ts";
export function Example() { return ( <> {/* checked by default — pass checked={false} for the empty circle */} <Radiomark variant="solid" size="md" palette={indigoPalette} /> <Radiomark variant="outline" size="md" checked={false} />
{/* composition: asChild forwards everything onto your element */} <Radiomark asChild variant="subtle"> <li /> </Radiomark> </> );}