|
1 | | -// import React from 'react'; |
2 | | -// import { figma } from '@figma/code-connect'; |
| 1 | +import React from 'react'; |
| 2 | +import { figma } from '@figma/code-connect'; |
3 | 3 |
|
4 | | -// import { SidebarItem } from '../SidebarItem'; |
| 4 | +import { SidebarItem } from '../SidebarItem'; |
5 | 5 |
|
6 | | -// figma.connect( |
7 | | -// SidebarItem, |
8 | | -// 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892', |
9 | | -// { |
10 | | -// imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"], |
11 | | -// variant: { type: 'default', state: 'default', active: 'true' }, |
12 | | -// props: {}, |
13 | | -// // @ts-expect-error not typed |
14 | | -// example: (props) => <SidebarItem active {...props} />, |
15 | | -// }, |
16 | | -// ); |
| 6 | +figma.connect( |
| 7 | + SidebarItem, |
| 8 | + 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892', |
| 9 | + { |
| 10 | + imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"], |
| 11 | + variant: { type: 'default', state: 'default', active: 'true' }, |
| 12 | + props: { |
| 13 | + title: figma.textContent('Label'), |
| 14 | + }, |
17 | 15 |
|
18 | | -// figma.connect( |
19 | | -// SidebarItem, |
20 | | -// 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892', |
21 | | -// { |
22 | | -// imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"], |
23 | | -// variant: { type: 'compact', state: 'default', active: 'true' }, |
24 | | -// props: {}, |
25 | | -// // @ts-expect-error not typed |
26 | | -// example: (props) => <SidebarItem active compact {...props} />, |
27 | | -// }, |
28 | | -// ); |
| 16 | + example: (props) => <SidebarItem active icon="home" {...props} />, |
| 17 | + }, |
| 18 | +); |
0 commit comments