@idealyst/mcp-server 1.0.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +202 -0
- package/dist/data/cli-commands.d.ts +2 -0
- package/dist/data/cli-commands.d.ts.map +1 -0
- package/dist/data/cli-commands.js +100 -0
- package/dist/data/cli-commands.js.map +1 -0
- package/dist/data/components/Accordion.d.ts +15 -0
- package/dist/data/components/Accordion.d.ts.map +1 -0
- package/dist/data/components/Accordion.js +112 -0
- package/dist/data/components/Accordion.js.map +1 -0
- package/dist/data/components/ActivityIndicator.d.ts +15 -0
- package/dist/data/components/ActivityIndicator.d.ts.map +1 -0
- package/dist/data/components/ActivityIndicator.js +82 -0
- package/dist/data/components/ActivityIndicator.js.map +1 -0
- package/dist/data/components/Alert.d.ts +15 -0
- package/dist/data/components/Alert.d.ts.map +1 -0
- package/dist/data/components/Alert.js +132 -0
- package/dist/data/components/Alert.js.map +1 -0
- package/dist/data/components/Avatar.d.ts +15 -0
- package/dist/data/components/Avatar.d.ts.map +1 -0
- package/dist/data/components/Avatar.js +93 -0
- package/dist/data/components/Avatar.js.map +1 -0
- package/dist/data/components/Badge.d.ts +15 -0
- package/dist/data/components/Badge.d.ts.map +1 -0
- package/dist/data/components/Badge.js +64 -0
- package/dist/data/components/Badge.js.map +1 -0
- package/dist/data/components/Breadcrumb.d.ts +15 -0
- package/dist/data/components/Breadcrumb.d.ts.map +1 -0
- package/dist/data/components/Breadcrumb.js +96 -0
- package/dist/data/components/Breadcrumb.js.map +1 -0
- package/dist/data/components/Button.d.ts +15 -0
- package/dist/data/components/Button.d.ts.map +1 -0
- package/dist/data/components/Button.js +87 -0
- package/dist/data/components/Button.js.map +1 -0
- package/dist/data/components/Card.d.ts +15 -0
- package/dist/data/components/Card.d.ts.map +1 -0
- package/dist/data/components/Card.js +67 -0
- package/dist/data/components/Card.js.map +1 -0
- package/dist/data/components/Checkbox.d.ts +15 -0
- package/dist/data/components/Checkbox.d.ts.map +1 -0
- package/dist/data/components/Checkbox.js +118 -0
- package/dist/data/components/Checkbox.js.map +1 -0
- package/dist/data/components/Chip.d.ts +15 -0
- package/dist/data/components/Chip.d.ts.map +1 -0
- package/dist/data/components/Chip.js +76 -0
- package/dist/data/components/Chip.js.map +1 -0
- package/dist/data/components/Dialog.d.ts +15 -0
- package/dist/data/components/Dialog.d.ts.map +1 -0
- package/dist/data/components/Dialog.js +137 -0
- package/dist/data/components/Dialog.js.map +1 -0
- package/dist/data/components/Divider.d.ts +15 -0
- package/dist/data/components/Divider.d.ts.map +1 -0
- package/dist/data/components/Divider.js +71 -0
- package/dist/data/components/Divider.js.map +1 -0
- package/dist/data/components/Icon.d.ts +15 -0
- package/dist/data/components/Icon.d.ts.map +1 -0
- package/dist/data/components/Icon.js +70 -0
- package/dist/data/components/Icon.js.map +1 -0
- package/dist/data/components/Image.d.ts +15 -0
- package/dist/data/components/Image.d.ts.map +1 -0
- package/dist/data/components/Image.js +122 -0
- package/dist/data/components/Image.js.map +1 -0
- package/dist/data/components/Input.d.ts +15 -0
- package/dist/data/components/Input.d.ts.map +1 -0
- package/dist/data/components/Input.js +109 -0
- package/dist/data/components/Input.js.map +1 -0
- package/dist/data/components/List.d.ts +15 -0
- package/dist/data/components/List.d.ts.map +1 -0
- package/dist/data/components/List.js +113 -0
- package/dist/data/components/List.js.map +1 -0
- package/dist/data/components/Menu.d.ts +15 -0
- package/dist/data/components/Menu.d.ts.map +1 -0
- package/dist/data/components/Menu.js +132 -0
- package/dist/data/components/Menu.js.map +1 -0
- package/dist/data/components/Popover.d.ts +15 -0
- package/dist/data/components/Popover.d.ts.map +1 -0
- package/dist/data/components/Popover.js +159 -0
- package/dist/data/components/Popover.js.map +1 -0
- package/dist/data/components/Pressable.d.ts +15 -0
- package/dist/data/components/Pressable.d.ts.map +1 -0
- package/dist/data/components/Pressable.js +125 -0
- package/dist/data/components/Pressable.js.map +1 -0
- package/dist/data/components/Progress.d.ts +15 -0
- package/dist/data/components/Progress.d.ts.map +1 -0
- package/dist/data/components/Progress.js +95 -0
- package/dist/data/components/Progress.js.map +1 -0
- package/dist/data/components/RadioButton.d.ts +15 -0
- package/dist/data/components/RadioButton.d.ts.map +1 -0
- package/dist/data/components/RadioButton.js +140 -0
- package/dist/data/components/RadioButton.js.map +1 -0
- package/dist/data/components/SVGImage.d.ts +15 -0
- package/dist/data/components/SVGImage.d.ts.map +1 -0
- package/dist/data/components/SVGImage.js +112 -0
- package/dist/data/components/SVGImage.js.map +1 -0
- package/dist/data/components/Screen.d.ts +15 -0
- package/dist/data/components/Screen.d.ts.map +1 -0
- package/dist/data/components/Screen.js +99 -0
- package/dist/data/components/Screen.js.map +1 -0
- package/dist/data/components/Select.d.ts +15 -0
- package/dist/data/components/Select.d.ts.map +1 -0
- package/dist/data/components/Select.js +146 -0
- package/dist/data/components/Select.js.map +1 -0
- package/dist/data/components/Skeleton.d.ts +15 -0
- package/dist/data/components/Skeleton.d.ts.map +1 -0
- package/dist/data/components/Skeleton.js +110 -0
- package/dist/data/components/Skeleton.js.map +1 -0
- package/dist/data/components/Slider.d.ts +15 -0
- package/dist/data/components/Slider.d.ts.map +1 -0
- package/dist/data/components/Slider.js +129 -0
- package/dist/data/components/Slider.js.map +1 -0
- package/dist/data/components/Switch.d.ts +15 -0
- package/dist/data/components/Switch.d.ts.map +1 -0
- package/dist/data/components/Switch.js +127 -0
- package/dist/data/components/Switch.js.map +1 -0
- package/dist/data/components/TabBar.d.ts +15 -0
- package/dist/data/components/TabBar.d.ts.map +1 -0
- package/dist/data/components/TabBar.js +145 -0
- package/dist/data/components/TabBar.js.map +1 -0
- package/dist/data/components/Table.d.ts +15 -0
- package/dist/data/components/Table.d.ts.map +1 -0
- package/dist/data/components/Table.js +151 -0
- package/dist/data/components/Table.js.map +1 -0
- package/dist/data/components/Tabs.d.ts +15 -0
- package/dist/data/components/Tabs.d.ts.map +1 -0
- package/dist/data/components/Tabs.js +150 -0
- package/dist/data/components/Tabs.js.map +1 -0
- package/dist/data/components/Text.d.ts +15 -0
- package/dist/data/components/Text.d.ts.map +1 -0
- package/dist/data/components/Text.js +85 -0
- package/dist/data/components/Text.js.map +1 -0
- package/dist/data/components/TextArea.d.ts +15 -0
- package/dist/data/components/TextArea.d.ts.map +1 -0
- package/dist/data/components/TextArea.js +155 -0
- package/dist/data/components/TextArea.js.map +1 -0
- package/dist/data/components/Tooltip.d.ts +15 -0
- package/dist/data/components/Tooltip.d.ts.map +1 -0
- package/dist/data/components/Tooltip.js +105 -0
- package/dist/data/components/Tooltip.js.map +1 -0
- package/dist/data/components/Video.d.ts +15 -0
- package/dist/data/components/Video.d.ts.map +1 -0
- package/dist/data/components/Video.js +168 -0
- package/dist/data/components/Video.js.map +1 -0
- package/dist/data/components/View.d.ts +15 -0
- package/dist/data/components/View.d.ts.map +1 -0
- package/dist/data/components/View.js +126 -0
- package/dist/data/components/View.js.map +1 -0
- package/dist/data/components/index.d.ts +37 -0
- package/dist/data/components/index.d.ts.map +1 -0
- package/dist/data/components/index.js +110 -0
- package/dist/data/components/index.js.map +1 -0
- package/dist/data/framework-guides.d.ts +2 -0
- package/dist/data/framework-guides.d.ts.map +1 -0
- package/dist/data/framework-guides.js +589 -0
- package/dist/data/framework-guides.js.map +1 -0
- package/dist/data/icon-guide.d.ts +2 -0
- package/dist/data/icon-guide.d.ts.map +1 -0
- package/dist/data/icon-guide.js +285 -0
- package/dist/data/icon-guide.js.map +1 -0
- package/dist/data/icons.json +7452 -0
- package/dist/data/navigation-guides.d.ts +2 -0
- package/dist/data/navigation-guides.d.ts.map +1 -0
- package/dist/data/navigation-guides.js +1196 -0
- package/dist/data/navigation-guides.js.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +422 -0
- package/dist/index.js.map +1 -0
- package/package.json +34 -0
- package/src/data/cli-commands.ts +103 -0
- package/src/data/components/Accordion.ts +106 -0
- package/src/data/components/ActivityIndicator.ts +82 -0
- package/src/data/components/Alert.ts +132 -0
- package/src/data/components/Avatar.ts +93 -0
- package/src/data/components/Badge.ts +63 -0
- package/src/data/components/Breadcrumb.ts +94 -0
- package/src/data/components/Button.ts +86 -0
- package/src/data/components/Card.ts +67 -0
- package/src/data/components/Checkbox.ts +117 -0
- package/src/data/components/Chip.ts +93 -0
- package/src/data/components/Dialog.ts +136 -0
- package/src/data/components/Divider.ts +70 -0
- package/src/data/components/Icon.ts +70 -0
- package/src/data/components/Image.ts +121 -0
- package/src/data/components/Input.ts +150 -0
- package/src/data/components/List.ts +103 -0
- package/src/data/components/Menu.ts +125 -0
- package/src/data/components/Popover.ts +159 -0
- package/src/data/components/Pressable.ts +123 -0
- package/src/data/components/Progress.ts +95 -0
- package/src/data/components/RadioButton.ts +130 -0
- package/src/data/components/SVGImage.ts +114 -0
- package/src/data/components/Screen.ts +103 -0
- package/src/data/components/Select.ts +140 -0
- package/src/data/components/Skeleton.ts +102 -0
- package/src/data/components/Slider.ts +150 -0
- package/src/data/components/Switch.ts +127 -0
- package/src/data/components/TabBar.ts +142 -0
- package/src/data/components/Table.ts +153 -0
- package/src/data/components/Tabs.ts +152 -0
- package/src/data/components/Text.ts +85 -0
- package/src/data/components/TextArea.ts +155 -0
- package/src/data/components/Tooltip.ts +105 -0
- package/src/data/components/Video.ts +168 -0
- package/src/data/components/View.ts +126 -0
- package/src/data/components/index.ts +109 -0
- package/src/data/framework-guides.ts +593 -0
- package/src/data/icon-guide.ts +284 -0
- package/src/data/icons.json +7452 -0
- package/src/data/navigation-guides.ts +1199 -0
- package/src/index.ts +473 -0
- package/test-client.js +86 -0
- package/tsconfig.json +20 -0
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
export const iconGuide = `# Material Design Icons Reference
|
|
2
|
+
|
|
3
|
+
Idealyst uses Material Design Icons (@mdi/react) with **7,447 icons** available.
|
|
4
|
+
|
|
5
|
+
## Icon Usage
|
|
6
|
+
|
|
7
|
+
### In Components
|
|
8
|
+
|
|
9
|
+
Icons can be used by providing the icon name as a string:
|
|
10
|
+
|
|
11
|
+
\`\`\`tsx
|
|
12
|
+
import { Button, Icon, List, Badge } from '@idealyst/components';
|
|
13
|
+
|
|
14
|
+
// Button with icon
|
|
15
|
+
<Button icon="check">Save</Button>
|
|
16
|
+
|
|
17
|
+
// Standalone Icon
|
|
18
|
+
<Icon name="home" size="md" color="primary" />
|
|
19
|
+
|
|
20
|
+
// List with icons
|
|
21
|
+
<ListItem label="Settings" leading="cog" trailing="chevron-right" />
|
|
22
|
+
|
|
23
|
+
// Badge with icon
|
|
24
|
+
<Badge icon="star">Featured</Badge>
|
|
25
|
+
\`\`\`
|
|
26
|
+
|
|
27
|
+
### Icon Properties
|
|
28
|
+
|
|
29
|
+
\`\`\`tsx
|
|
30
|
+
<Icon
|
|
31
|
+
name="home" // Icon name (required)
|
|
32
|
+
size="xs|sm|md|lg|xl|number" // Icon size
|
|
33
|
+
color="primary|secondary|..." // Theme color
|
|
34
|
+
/>
|
|
35
|
+
\`\`\`
|
|
36
|
+
|
|
37
|
+
## Common Icons by Category
|
|
38
|
+
|
|
39
|
+
### Navigation & Actions
|
|
40
|
+
- **home** - Home/dashboard
|
|
41
|
+
- **menu** - Hamburger menu
|
|
42
|
+
- **arrow-left** - Back/previous
|
|
43
|
+
- **arrow-right** - Forward/next
|
|
44
|
+
- **chevron-left** - Small back arrow
|
|
45
|
+
- **chevron-right** - Small forward arrow
|
|
46
|
+
- **chevron-up** - Collapse/up
|
|
47
|
+
- **chevron-down** - Expand/down
|
|
48
|
+
- **close** - Close/dismiss
|
|
49
|
+
- **check** - Confirm/success
|
|
50
|
+
- **plus** - Add/create
|
|
51
|
+
- **minus** - Remove/subtract
|
|
52
|
+
- **delete** - Delete/trash
|
|
53
|
+
- **dots-vertical** - More options (vertical)
|
|
54
|
+
- **dots-horizontal** - More options (horizontal)
|
|
55
|
+
|
|
56
|
+
### User & Account
|
|
57
|
+
- **account** - User profile
|
|
58
|
+
- **account-circle** - User avatar
|
|
59
|
+
- **account-multiple** - Multiple users/team
|
|
60
|
+
- **account-plus** - Add user
|
|
61
|
+
- **account-minus** - Remove user
|
|
62
|
+
- **account-edit** - Edit profile
|
|
63
|
+
- **account-cog** - User settings
|
|
64
|
+
- **login** - Login/sign in
|
|
65
|
+
- **logout** - Logout/sign out
|
|
66
|
+
- **account-key** - Authentication
|
|
67
|
+
|
|
68
|
+
### Communication
|
|
69
|
+
- **email** - Email/mail
|
|
70
|
+
- **email-outline** - Email outline variant
|
|
71
|
+
- **message** - Message/chat
|
|
72
|
+
- **message-text** - Text message
|
|
73
|
+
- **message-reply** - Reply to message
|
|
74
|
+
- **phone** - Phone/call
|
|
75
|
+
- **bell** - Notifications
|
|
76
|
+
- **bell-outline** - Notifications outline
|
|
77
|
+
- **comment** - Comment/feedback
|
|
78
|
+
- **forum** - Discussion/forum
|
|
79
|
+
|
|
80
|
+
### File & Document
|
|
81
|
+
- **file** - Generic file
|
|
82
|
+
- **file-document** - Document
|
|
83
|
+
- **file-pdf** - PDF file
|
|
84
|
+
- **file-image** - Image file
|
|
85
|
+
- **folder** - Folder
|
|
86
|
+
- **folder-open** - Open folder
|
|
87
|
+
- **download** - Download
|
|
88
|
+
- **upload** - Upload
|
|
89
|
+
- **attachment** - Attach file
|
|
90
|
+
- **cloud-upload** - Cloud upload
|
|
91
|
+
- **cloud-download** - Cloud download
|
|
92
|
+
|
|
93
|
+
### Media
|
|
94
|
+
- **play** - Play media
|
|
95
|
+
- **pause** - Pause media
|
|
96
|
+
- **stop** - Stop media
|
|
97
|
+
- **skip-next** - Next track
|
|
98
|
+
- **skip-previous** - Previous track
|
|
99
|
+
- **volume-high** - High volume
|
|
100
|
+
- **volume-low** - Low volume
|
|
101
|
+
- **volume-off** - Muted
|
|
102
|
+
- **image** - Picture/photo
|
|
103
|
+
- **camera** - Camera
|
|
104
|
+
- **video** - Video
|
|
105
|
+
|
|
106
|
+
### Edit & Create
|
|
107
|
+
- **pencil** - Edit
|
|
108
|
+
- **pencil-outline** - Edit outline
|
|
109
|
+
- **content-save** - Save
|
|
110
|
+
- **content-copy** - Copy
|
|
111
|
+
- **content-cut** - Cut
|
|
112
|
+
- **content-paste** - Paste
|
|
113
|
+
- **undo** - Undo
|
|
114
|
+
- **redo** - Redo
|
|
115
|
+
- **format-bold** - Bold text
|
|
116
|
+
- **format-italic** - Italic text
|
|
117
|
+
- **format-underline** - Underline text
|
|
118
|
+
|
|
119
|
+
### Status & Alerts
|
|
120
|
+
- **check-circle** - Success
|
|
121
|
+
- **check-circle-outline** - Success outline
|
|
122
|
+
- **alert** - Warning
|
|
123
|
+
- **alert-circle** - Alert circle
|
|
124
|
+
- **alert-octagon** - Critical alert
|
|
125
|
+
- **information** - Information
|
|
126
|
+
- **information-outline** - Info outline
|
|
127
|
+
- **help-circle** - Help/question
|
|
128
|
+
- **close-circle** - Error
|
|
129
|
+
- **clock** - Time/pending
|
|
130
|
+
|
|
131
|
+
### UI Elements
|
|
132
|
+
- **magnify** - Search
|
|
133
|
+
- **filter** - Filter
|
|
134
|
+
- **sort** - Sort
|
|
135
|
+
- **tune** - Settings/adjust
|
|
136
|
+
- **cog** - Settings
|
|
137
|
+
- **palette** - Theme/colors
|
|
138
|
+
- **eye** - View/visible
|
|
139
|
+
- **eye-off** - Hidden
|
|
140
|
+
- **heart** - Favorite/like
|
|
141
|
+
- **heart-outline** - Like outline
|
|
142
|
+
- **star** - Star/rating
|
|
143
|
+
- **star-outline** - Star outline
|
|
144
|
+
- **bookmark** - Bookmark
|
|
145
|
+
- **bookmark-outline** - Bookmark outline
|
|
146
|
+
|
|
147
|
+
### Shopping & Commerce
|
|
148
|
+
- **cart** - Shopping cart
|
|
149
|
+
- **cart-outline** - Cart outline
|
|
150
|
+
- **cash** - Money/payment
|
|
151
|
+
- **credit-card** - Credit card
|
|
152
|
+
- **tag** - Tag/label
|
|
153
|
+
- **sale** - Sale/discount
|
|
154
|
+
- **receipt** - Receipt
|
|
155
|
+
- **store** - Store/shop
|
|
156
|
+
|
|
157
|
+
### Social
|
|
158
|
+
- **share** - Share
|
|
159
|
+
- **share-variant** - Share variant
|
|
160
|
+
- **thumb-up** - Like/upvote
|
|
161
|
+
- **thumb-down** - Dislike/downvote
|
|
162
|
+
- **emoticon** - Emoji/mood
|
|
163
|
+
- **emoticon-happy** - Happy
|
|
164
|
+
- **emoticon-sad** - Sad
|
|
165
|
+
|
|
166
|
+
### Location & Map
|
|
167
|
+
- **map** - Map
|
|
168
|
+
- **map-marker** - Location pin
|
|
169
|
+
- **navigation** - Navigation
|
|
170
|
+
- **compass** - Compass
|
|
171
|
+
- **earth** - Globe/world
|
|
172
|
+
|
|
173
|
+
### Calendar & Time
|
|
174
|
+
- **calendar** - Calendar
|
|
175
|
+
- **calendar-today** - Today
|
|
176
|
+
- **calendar-month** - Month view
|
|
177
|
+
- **clock-outline** - Clock
|
|
178
|
+
- **timer** - Timer
|
|
179
|
+
|
|
180
|
+
### Device & Hardware
|
|
181
|
+
- **laptop** - Laptop
|
|
182
|
+
- **cellphone** - Mobile phone
|
|
183
|
+
- **tablet** - Tablet
|
|
184
|
+
- **desktop-mac** - Desktop
|
|
185
|
+
- **monitor** - Monitor
|
|
186
|
+
- **printer** - Printer
|
|
187
|
+
- **wifi** - WiFi
|
|
188
|
+
- **bluetooth** - Bluetooth
|
|
189
|
+
|
|
190
|
+
### Weather
|
|
191
|
+
- **weather-sunny** - Sunny
|
|
192
|
+
- **weather-cloudy** - Cloudy
|
|
193
|
+
- **weather-rainy** - Rainy
|
|
194
|
+
- **weather-snowy** - Snowy
|
|
195
|
+
- **weather-night** - Night
|
|
196
|
+
- **white-balance-sunny** - Light mode
|
|
197
|
+
- **weather-night** - Dark mode
|
|
198
|
+
|
|
199
|
+
## Finding Icons
|
|
200
|
+
|
|
201
|
+
### Total Available Icons
|
|
202
|
+
**7,447 icons** from Material Design Icons
|
|
203
|
+
|
|
204
|
+
### Browse All Icons
|
|
205
|
+
Visit: https://pictogrammers.com/library/mdi/
|
|
206
|
+
|
|
207
|
+
### Search Patterns
|
|
208
|
+
Icons follow naming patterns:
|
|
209
|
+
- Base name: \`home\`, \`account\`, \`file\`
|
|
210
|
+
- Variants: \`-outline\`, \`-filled\`, \`-off\`, \`-plus\`, \`-minus\`
|
|
211
|
+
- Combinations: \`account-plus\`, \`file-document-outline\`
|
|
212
|
+
|
|
213
|
+
### Common Suffixes
|
|
214
|
+
- **-outline**: Outline version
|
|
215
|
+
- **-off**: Disabled/off state
|
|
216
|
+
- **-plus**: Add/create
|
|
217
|
+
- **-minus**: Remove/subtract
|
|
218
|
+
- **-edit**: Edit action
|
|
219
|
+
- **-check**: Verified/checked
|
|
220
|
+
- **-alert**: Warning state
|
|
221
|
+
|
|
222
|
+
## Icon Naming Tips
|
|
223
|
+
|
|
224
|
+
1. **Be Specific**: Use descriptive names
|
|
225
|
+
- ✅ \`account-circle\` for user avatar
|
|
226
|
+
- ❌ \`user\` (not available)
|
|
227
|
+
|
|
228
|
+
2. **Check Variants**: Try outline versions
|
|
229
|
+
- \`email\` and \`email-outline\`
|
|
230
|
+
- \`heart\` and \`heart-outline\`
|
|
231
|
+
|
|
232
|
+
3. **Common Prefixes**:
|
|
233
|
+
- \`account-*\`: User-related
|
|
234
|
+
- \`file-*\`: File-related
|
|
235
|
+
- \`folder-*\`: Folder-related
|
|
236
|
+
- \`arrow-*\`: Arrows
|
|
237
|
+
- \`chevron-*\`: Small arrows
|
|
238
|
+
- \`content-*\`: Content actions
|
|
239
|
+
|
|
240
|
+
4. **Use Hyphens**: Icon names use kebab-case
|
|
241
|
+
- ✅ \`arrow-left\`
|
|
242
|
+
- ❌ \`arrowLeft\` or \`arrow_left\`
|
|
243
|
+
|
|
244
|
+
## Best Practices
|
|
245
|
+
|
|
246
|
+
1. **Semantic Meaning**: Choose icons that match their function
|
|
247
|
+
2. **Consistency**: Use the same icon for the same action throughout the app
|
|
248
|
+
3. **Size Appropriately**: Match icon size to context
|
|
249
|
+
4. **Color Purposefully**: Use theme colors for semantic meaning
|
|
250
|
+
5. **Accessibility**: Always provide labels/tooltips for icon-only buttons
|
|
251
|
+
|
|
252
|
+
## Examples
|
|
253
|
+
|
|
254
|
+
### Button Icons
|
|
255
|
+
\`\`\`tsx
|
|
256
|
+
<Button icon="content-save">Save</Button>
|
|
257
|
+
<Button icon="delete" intent="error">Delete</Button>
|
|
258
|
+
<Button icon="pencil">Edit</Button>
|
|
259
|
+
<Button icon="plus">Add New</Button>
|
|
260
|
+
\`\`\`
|
|
261
|
+
|
|
262
|
+
### List Icons
|
|
263
|
+
\`\`\`tsx
|
|
264
|
+
<ListItem label="Dashboard" leading="view-dashboard" />
|
|
265
|
+
<ListItem label="Users" leading="account-multiple" />
|
|
266
|
+
<ListItem label="Settings" leading="cog" />
|
|
267
|
+
<ListItem label="Logout" leading="logout" intent="error" />
|
|
268
|
+
\`\`\`
|
|
269
|
+
|
|
270
|
+
### Navigation Icons
|
|
271
|
+
\`\`\`tsx
|
|
272
|
+
<Button icon="arrow-left" variant="text">Back</Button>
|
|
273
|
+
<Button icon="menu" variant="text">Menu</Button>
|
|
274
|
+
<Button icon="close" variant="text">Close</Button>
|
|
275
|
+
\`\`\`
|
|
276
|
+
|
|
277
|
+
### Status Icons
|
|
278
|
+
\`\`\`tsx
|
|
279
|
+
<Icon name="check-circle" color="success" />
|
|
280
|
+
<Icon name="alert-circle" color="warning" />
|
|
281
|
+
<Icon name="close-circle" color="error" />
|
|
282
|
+
<Icon name="information-outline" color="primary" />
|
|
283
|
+
\`\`\`
|
|
284
|
+
`;
|
|
285
|
+
//# sourceMappingURL=icon-guide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-guide.js","sourceRoot":"","sources":["../../src/data/icon-guide.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2RxB,CAAC"}
|