Separator
/componentes/separator.mdmarkdown cru, para quem lê com agent em vez de olho
Horizontal
Dados da nota
Emitida em 05/08, vence em 20/08.
Vertical
4813Clínica São LucasR$ 2,5K
import { Separator } from '@rivocode/ui'Quando usar
Linha que separa, com role="separator".
Use quando ela divide assunto, e não só enfeita: o leitor de tela precisa saber que ali termina um bloco. Para risco puramente decorativo, uma borda no próprio elemento sai mais barata.
No React Native
Traduz: o @rivocode/ui-native exporta Separator - só a linha horizontal. 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 |
|---|---|
orientation0.4.0The orientation of the separator. | Orientation |
render0.4.0Allows you to replace the component's HTML element with a different tag, or compose it with another component. | ComponentRenderFn<HTMLProps, SeparatorState>ReactElement<unknown, stringJSXElementConstructor<any>> |
Além destas, a peça aceita className, style, id e children, repassados ao elemento de baixo.