Skip to content

Commit f2b9f30

Browse files
add a Story with dividers of Picklist
1 parent 0891774 commit f2b9f30

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

stories/Picklist.stories.tsx

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -268,3 +268,36 @@ export const WithTooltip: ComponentStoryObj<typeof Picklist> = {
268268
},
269269
},
270270
};
271+
272+
/**
273+
*
274+
*/
275+
export const WithDividers: ComponentStoryObj<typeof Picklist> = {
276+
name: 'With Dividers',
277+
args: {
278+
label: 'Picklist Label',
279+
defaultOpened: true,
280+
children: [
281+
<PicklistItem
282+
key='1'
283+
label='Picklist Item One'
284+
value='1'
285+
divider='bottom'
286+
/>,
287+
<PicklistItem key='2' label='Picklist Item Two' value='2' />,
288+
<PicklistItem
289+
key='3'
290+
label='Picklist Item Three'
291+
value='3'
292+
divider='top'
293+
/>,
294+
],
295+
},
296+
parameters: {
297+
docs: {
298+
description: {
299+
story: 'Picklist with dividers',
300+
},
301+
},
302+
},
303+
};

0 commit comments

Comments
 (0)