Fieldset
/componentes/fieldset.mdmarkdown cru, para quem lê com agent em vez de olho
Endereço
import { Fieldset } from '@rivocode/ui'Quando usar
Agrupa campos que respondem a mesma pergunta: endereco, dados do cliente, pagamento.
A legenda não é só título: o leitor de tela anuncia ela junto com o rótulo de cada campo dentro. "Número" sozinho não diz nada; "Endereco, número" diz.
<Fieldset>
<FieldsetLegend>Endereco</FieldsetLegend>
<Field>
<FieldLabel>Rua</FieldLabel>
<Input placeholder="Av. Epitacio Pessoa" />
</Field>
<Field>
<FieldLabel>Numero</FieldLabel>
<Input placeholder="1200" />
</Field>
</Fieldset>
O respiro entre grupos e maior que o respiro entre campos, de propósito: e ele que mostra onde um assunto termina.
No React Native
Traduz: o @rivocode/ui-native exporta Fieldset - legend como prop. A API não é a mesma do web (no nativo tudo é controlado), e a tabela de paridade diz o que muda peça a peça.
API
| Prop | Tipo |
|---|---|
render0.4.0Allows you to replace the component's HTML element with a different tag, or compose it with another component. | ComponentRenderFn<HTMLProps, FieldsetRootState>ReactElement<unknown, stringJSXElementConstructor<any>> |
Além destas, a peça aceita className, style, id e children, repassados ao elemento de baixo.