11import figma from '@figma/code-connect' ;
2- import { NotificationDrawer , NotificationDrawerBody , NotificationDrawerList } from '@patternfly/react-core' ;
2+ import {
3+ NotificationDrawer ,
4+ NotificationDrawerBody ,
5+ NotificationDrawerGroupList ,
6+ NotificationDrawerList
7+ } from '@patternfly/react-core' ;
8+
9+ figma . connect (
10+ NotificationDrawer ,
11+ 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=7172-99015' ,
12+ {
13+ variant : { Type : 'Grouped' } ,
14+ props : {
15+ // children
16+ notificationDrawerHeader : figma . children ( 'Notification drawer header' ) ,
17+ notificationDrawerGroup : figma . children ( 'Notification drawer groups' )
18+ } ,
19+ example : ( props ) => (
20+ // Documentation for NotificationDrawer can be found at https://www.patternfly.org/components/notification-drawer
21+ < NotificationDrawer >
22+ { props . notificationDrawerHeader }
23+ < NotificationDrawerBody >
24+ < NotificationDrawerGroupList > { props . notificationDrawerGroup } </ NotificationDrawerGroupList >
25+ </ NotificationDrawerBody >
26+ </ NotificationDrawer >
27+ )
28+ }
29+ ) ;
330
431figma . connect (
532 NotificationDrawer ,
@@ -8,16 +35,14 @@ figma.connect(
835 props : {
936 // children
1037 notificationDrawerHeader : figma . children ( 'Notification drawer header' ) ,
11- notificationDrawerGroup : figma . children ( 'Notification drawer group' ) ,
12- notificationDrawerNotifications : figma . children ( [ 'Notifications' , 'Notification drawer item' ] )
38+ notificationDrawerItems : figma . children ( [ 'Notifications' , 'Notification drawer item' ] )
1339 } ,
1440 example : ( props ) => (
1541 // Documentation for NotificationDrawer can be found at https://www.patternfly.org/components/notification-drawer
1642 < NotificationDrawer >
1743 { props . notificationDrawerHeader }
1844 < NotificationDrawerBody >
19- { props . notificationDrawerGroup }
20- < NotificationDrawerList > { props . notificationDrawerNotifications } </ NotificationDrawerList >
45+ < NotificationDrawerList > { props . notificationDrawerItems } </ NotificationDrawerList >
2146 </ NotificationDrawerBody >
2247 </ NotificationDrawer >
2348 )
0 commit comments