Resultado da Busca
Checkbox. A control that allows the user to toggle between checked and not checked.
- Checkbox – Radix Themes
Composing Checkbox within Text automatically centers it with...
- Checkbox – Radix Themes
Composing Checkbox within Text automatically centers it with the first line of text.
Start using @radix-ui/react-checkbox in your project by running `npm i @radix-ui/react-checkbox`. There are 2554 other projects in the npm registry using @radix-ui/react-checkbox. Latest version: 1.1.1, last published: 2 months ago.
20 de set. de 2021 · I tried using Checkbox and pass it a ref, but it seems like the ref is being set on the Button element and not the actual input element itself. This means any library expecting to access the native Input event will not work properly. I believe the Ref should be set on the hidden input element itself.
16 de fev. de 2023 · Here is the Checkbox component so far: import { StyledCheckboxIndicator, StyledCheckboxRoot, StyledCheckIcon, StyledMinusIcon, } from './form-checkbox.styles'; import * as Checkbox from '@radix-ui/react-checkbox'; interface FormCheckboxProps extends Checkbox.CheckboxProps { checkboxIndicatorProps?:
Use this online @radix-ui/react-checkbox playground to view and fork @radix-ui/react-checkbox example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
30 de out. de 2023 · Checkbox component - Indeterminate state example. Examples from other doc sites. In the example for the indeterminate state of the Checkbox component, there is the following code: <Checkbox.Indicator> {checked === 'indeterminate' && <DividerHorizontalIcon />} {checked === true && <CheckIcon />} </Checkbox.Indicator>