Select...
`;
+exports[`Storyshots Components/Selects/Single Grouped Options 1`] = `
+
+
+
+
+
+
+`;
+
exports[`Storyshots Components/Selects/Single In Modal 1`] = `
(
@@ -112,6 +110,34 @@ export const InModal = () => (
);
+export const GroupedOptions = () => {
+ const groupedOptions = [
+ {
+ label: 'Study type',
+ options,
+ },
+ {
+ label: 'Audience type',
+ options: [
+ { label: 'Consumers', value: 5 },
+ { label: 'Professionals', value: 6 },
+ ],
+ },
+ ];
+ return (
+
+
+
+ );
+};
+
export const CustomOptionWithDescription = () => {
const optionsWithDescriptions = [
{