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