Componente

CmRadioGroup

Grupo controlado de opções exclusivas em lista.

Import

Caminho público recomendado para este componente.

import { CmRadioGroup, useCmTheme, type CmRadioOption } from "cosmemilton-ui";

A aparência atual usa itens separados em formato de lista/card. Isso é o padrão do componente.

Para uma apresentação compacta, componha o grupo dentro de CmCard, CmStack ou CmToolbar enquanto uma variante dedicada não existir.

options não é string[]: use CmRadioOption[] no formato { value: string; label: string; description?: string }.

value é uma string controlada e onChange recebe a próxima string selecionada.

name agrupa os inputs nativos de rádio; use o mesmo name para todas as opções daquele grupo.

Para trocar tema com CmRadioGroup, leia theme, themes e setThemeByName com useCmTheme dentro de CmThemeProvider.

Lista de opções

Cada opção é um objeto com value e label. description é opcional e aparece abaixo do label.

Trocando tema

Como o tema também é uma string controlada, o CmRadioGroup pode usar theme.name como value e setThemeByName como onChange.