Docs > Forms > RruOptionsPropType
RruOptionsPropType
RruOptionsPropType is a mixed array of these two types:
RruOption
Name | Description | Required |
---|---|---|
label | The option label. Cloud be a string or any valid JSX. | Yes |
value | The option value | Yes |
RruOptionsGroup
Name | Description | Required |
---|---|---|
label | The group label. Must be string. | Yes |
options | Array of RruOption objects | Yes |
Example - Only Flat Options
const colorsOptions = [
{ label: 'Red', value: 'RED' },
{ label: 'Blue', value: 'BLUE' },
{ label: 'Green', value: 'GREEN' },
];
<SomeInputComponent options={colorsOptions} />;
Example - Grouped Options
const colorsOptions = [
{ label: 'Red', value: 'RED' },
{ label: 'Blue', value: 'BLUE' },
{ label: 'Green', value: 'GREEN' },
];
const animalsOptions = [
{ label: 'Cat', value: 'CAT' },
{ label: 'Dog', value: 'DOG' },
{ label: 'Lion', value: 'LION' },
];
const groupedOptions = [
{
label: 'Animals',
options: animalsOptions,
},
{
label: 'Colors',
options: colorsOptions,
},
];
<SomeInputComponent options={groupedOptions} />;