Ações

Toggle

/componentes/toggle.mdmarkdown cru, para quem lê com agent em vez de olho

Modo de exibição

Importar

import { Toggle } from '@rivocode/ui'

Quando usar

Botão que fica apertado. Vive dentro de um ToggleGroup.

No React Native

Traduz: o @rivocode/ui-native exporta Toggle - pressed e onPressedChange. 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
`defaultPressed`0.4.0 Whether the toggle button is currently pressed.	`boolean`
`disabled`0.4.0 Whether the component should ignore user interaction.	`boolean`
`nativeButton`0.4.0 Whether the component renders a native `<button>` element when replacing it via the `render` prop.	`boolean`
`onPressedChange`0.4.0 Callback fired when the pressed state is changed.	`((pressed: boolean, eventDetails: { reason: "none"; event: Event; cancel: () => void; allowPropagation: () => void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element \| undefined; }) => void)`
`pressed`0.4.0 Whether the toggle button is currently pressed.	`boolean`
`render`0.4.0 Allows you to replace the component's HTML element with a different tag, or compose it with another component.	`ComponentRenderFn<HTMLProps, ToggleState>ReactElement<unknown, stringJSXElementConstructor<any>>`
`value`0.4.0 A unique string that identifies the toggle when used inside a toggle group.	`string`

Além destas, a peça aceita className, style, id e children, repassados ao elemento de baixo.