@wix/design-system
Version:
@wix/design-system
62 lines (59 loc) • 1.94 kB
Markdown
### children
- type: ReactNode
- description: Lists RadioGroup items. You're recommended to use it with <RadioGroup.Radio/>.
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component’s root element.
- internal
### onChange
- type: (value: string | number | undefined) => void
- description: Defines a callback function which is called every time user selects a different value.
### value
- type: string | number
- description: Specifies the selected radio value.
- default: ''
### disabledRadios
- type: (string | number | undefined)[]
- description: Specify the values of the disabled radio buttons.
### vAlign
- type: "center" | "top"
- description: Controls radio alignment to the label on Y axis.
- default: 'center'
### disabled
- type: boolean
- description: Disables the entire group.
### type
- type: "button" | "default"
- description: No description
### display
- type: "horizontal" | "vertical"
- description: Control options direction.
- default: 'vertical'
### selectionArea
- type: "none" | "hover" | "always"
- description: Controls selection area highlight visibility.
- default: 'none'
### selectionAreaSkin
- type: "filled" | "outlined"
- description: Sets the design of the selection area.
- default: 'filled'
### selectionAreaPadding
- type: string | number | string & {}
- description: Sets the amount of white space around the radio label in pixels.
### spacing
- type: string
- description: Controls the distance between options.
### name
- type: string
- description: Sets a unique name of a radio group.
### fullWidth
- type: boolean
- description: Makes component full width and divides all available horizontal space into even parts for each radio button.
- default: false
### size
- type: "small" | "medium"
- description: Controls size.
- default: 'medium'