Radiomark

A customizable circular indicator used to show a selection state, typically in radio buttons.

Usage

A visual indicator that represents a selected or unselected state in a circular format. It is primarily used within radio button components or any selection interface that requires a circular marker.

import { Radiomark } from "@elemnts-ui/react"

<Radiomark checked />

Examples

Sizes

Change the size of the radiomark using the size prop.

API Reference

Accepts all standard HTML span props in addition to the following:

Prop	Type	Default
checked	`boolean`	`false`
disabled	`boolean`	`false`
size	`'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'`	`'md'`