Skip to content

Commit fb64288

Browse files
kishore08-07kishore08-07
committed
added drawer component docs
Signed-off-by: kishore08-07 <kishorebsm8@gmail.com>
1 parent bbac78a commit fb64288

5 files changed

Lines changed: 848 additions & 15 deletions

File tree

‎src/components/SistentNavigation/content.js‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,77 +68,139 @@ export const content = [
6868
{ id: 49, link: "/projects/sistent/components/formcontrollabel", text: "FormControlLabel" },
6969
{ id: 50, link: "/projects/sistent/components/formcontrollabel/guidance", text: "FormControlLabel" },
7070
{ id: 51, link: "/projects/sistent/components/formcontrollabel/code", text: "FormControlLabel" },
71+
{ id: 43, link: "/projects/sistent/components/drawer", text: "Drawer" },
72+
{ id: 44, link: "/projects/sistent/components/drawer/guidance", text: "Drawer" },
73+
{ id: 45, link: "/projects/sistent/components/drawer/code", text: "Drawer" },
7174

75+
{ id: 46, link: "/projects/sistent/components/formcontrollabel", text: "FormControlLabel" },
76+
{ id: 47, link: "/projects/sistent/components/formcontrollabel/guidance", text: "FormControlLabel" },
77+
{ id: 48, link: "/projects/sistent/components/formcontrollabel/code", text: "FormControlLabel" },
78+
79+
{ id: 49, link: "/projects/sistent/components/grid", text: "Grid" },
80+
{ id: 50, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
81+
{ id: 51, link: "/projects/sistent/components/grid/code", text: "Grid" },
7282
{ id: 52, link: "/projects/sistent/components/grid", text: "Grid" },
7383
{ id: 53, link: "/projects/sistent/components/grid/guidance", text: "Grid" },
7484
{ id: 54, link: "/projects/sistent/components/grid/code", text: "Grid" },
7585

86+
{ id: 52, link: "/projects/sistent/components/iconbutton", text: "IconButton" },
87+
{ id: 53, link: "/projects/sistent/components/iconbutton/guidance", text: "IconButton" },
88+
{ id: 54, link: "/projects/sistent/components/iconbutton/code", text: "IconButton" },
7689
{ id: 55, link: "/projects/sistent/components/iconbutton", text: "IconButton" },
7790
{ id: 56, link: "/projects/sistent/components/iconbutton/guidance", text: "IconButton" },
7891
{ id: 57, link: "/projects/sistent/components/iconbutton/code", text: "IconButton" },
7992

93+
{ id: 55, link: "/projects/sistent/components/icons", text: "Icons" },
8094
{ id: 58, link: "/projects/sistent/components/icons", text: "Icons" },
8195

96+
{ id: 56, link: "/projects/sistent/components/link", text: "Link" },
97+
{ id: 57, link: "/projects/sistent/components/link/guidance", text: "Link" },
98+
{ id: 58, link: "/projects/sistent/components/link/code", text: "Link" },
8299
{ id: 59, link: "/projects/sistent/components/link", text: "Link" },
83100
{ id: 60, link: "/projects/sistent/components/link/guidance", text: "Link" },
84101
{ id: 61, link: "/projects/sistent/components/link/code", text: "Link" },
85102

103+
{ id: 59, link: "/projects/sistent/components/list", text: "List" },
104+
{ id: 60, link: "/projects/sistent/components/list/guidance", text: "List" },
105+
{ id: 61, link: "/projects/sistent/components/list/code", text: "List" },
86106
{ id: 62, link: "/projects/sistent/components/list", text: "List" },
87107
{ id: 63, link: "/projects/sistent/components/list/guidance", text: "List" },
88108
{ id: 64, link: "/projects/sistent/components/list/code", text: "List" },
89109

110+
{ id: 62, link: "/projects/sistent/components/modal", text: "Modal" },
111+
{ id: 63, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
112+
{ id: 64, link: "/projects/sistent/components/modal/code", text: "Modal" },
90113
{ id: 65, link: "/projects/sistent/components/modal", text: "Modal" },
91114
{ id: 66, link: "/projects/sistent/components/modal/guidance", text: "Modal" },
92115
{ id: 67, link: "/projects/sistent/components/modal/code", text: "Modal" },
93116

117+
{ id: 65, link: "/projects/sistent/components/pagination", text: "Pagination" },
118+
{ id: 66, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
119+
{ id: 67, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
94120
{ id: 68, link: "/projects/sistent/components/pagination", text: "Pagination" },
95121
{ id: 69, link: "/projects/sistent/components/pagination/guidance", text: "Pagination" },
96122
{ id: 70, link: "/projects/sistent/components/pagination/code", text: "Pagination" },
97123

124+
{ id: 68, link: "/projects/sistent/components/paper", text: "Paper" },
125+
{ id: 69, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
126+
{ id: 70, link: "/projects/sistent/components/paper/code", text: "Paper" },
98127
{ id: 71, link: "/projects/sistent/components/paper", text: "Paper" },
99128
{ id: 72, link: "/projects/sistent/components/paper/guidance", text: "Paper" },
100129
{ id: 73, link: "/projects/sistent/components/paper/code", text: "Paper" },
101130

131+
{ id: 71, link: "/projects/sistent/components/popper", text: "Popper" },
132+
{ id: 72, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
133+
{ id: 73, link: "/projects/sistent/components/popper/code", text: "Popper" },
102134
{ id: 74, link: "/projects/sistent/components/popper", text: "Popper" },
103135
{ id: 75, link: "/projects/sistent/components/popper/guidance", text: "Popper" },
104136
{ id: 76, link: "/projects/sistent/components/popper/code", text: "Popper" },
105137

138+
{ id: 74, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
139+
{ id: 75, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
140+
{ id: 76, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
106141
{ id: 77, link: "/projects/sistent/components/radiogroup", text: "RadioGroup" },
107142
{ id: 78, link: "/projects/sistent/components/radiogroup/guidance", text: "RadioGroup" },
108143
{ id: 79, link: "/projects/sistent/components/radiogroup/code", text: "RadioGroup" },
109144

145+
{ id: 77, link: "/projects/sistent/components/select", text: "Select" },
146+
{ id: 78, link: "/projects/sistent/components/select/guidance", text: "Select" },
147+
{ id: 79, link: "/projects/sistent/components/select/code", text: "Select" },
110148
{ id: 80, link: "/projects/sistent/components/select", text: "Select" },
111149
{ id: 81, link: "/projects/sistent/components/select/guidance", text: "Select" },
112150
{ id: 82, link: "/projects/sistent/components/select/code", text: "Select" },
113151

152+
{ id: 80, link: "/projects/sistent/components/stack", text: "Stack" },
153+
{ id: 81, link: "/projects/sistent/components/stack/guidance", text: "Stack" },
154+
{ id: 82, link: "/projects/sistent/components/stack/code", text: "Stack" },
114155
{ id: 83, link: "/projects/sistent/components/stack", text: "Stack" },
115156
{ id: 84, link: "/projects/sistent/components/stack/guidance", text: "Stack" },
116157
{ id: 85, link: "/projects/sistent/components/stack/code", text: "Stack" },
117158

159+
{ id: 83, link: "/projects/sistent/components/stepper", text: "Stepper" },
160+
{ id: 84, link: "/projects/sistent/components/stepper/guidance", text: "Stepper" },
161+
{ id: 85, link: "/projects/sistent/components/stepper/code", text: "Stepper" },
118162
{ id: 86, link: "/projects/sistent/components/stepper", text: "Stepper" },
119163
{ id: 87, link: "/projects/sistent/components/stepper/guidance", text: "Stepper" },
120164
{ id: 88, link: "/projects/sistent/components/stepper/code", text: "Stepper" },
121165

166+
{ id: 86, link: "/projects/sistent/components/switch", text: "Switch" },
167+
{ id: 87, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
168+
{ id: 88, link: "/projects/sistent/components/switch/code", text: "Switch" },
122169
{ id: 89, link: "/projects/sistent/components/switch", text: "Switch" },
123170
{ id: 90, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
124171
{ id: 91, link: "/projects/sistent/components/switch/code", text: "Switch" },
125172

173+
{ id: 89, link: "/projects/sistent/components/tabs", text: "Tabs" },
174+
{ id: 90, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
175+
{ id: 91, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
126176
{ id: 92, link: "/projects/sistent/components/tabs", text: "Tabs" },
127177
{ id: 93, link: "/projects/sistent/components/tabs/guidance", text: "Tabs" },
128178
{ id: 94, link: "/projects/sistent/components/tabs/code", text: "Tabs" },
129179

180+
{ id: 92, link: "/projects/sistent/components/text-field", text: "Text Field" },
181+
{ id: 93, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
182+
{ id: 94, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
130183
{ id: 95, link: "/projects/sistent/components/text-field", text: "Text Field" },
131184
{ id: 96, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
132185
{ id: 97, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
133186

187+
{ id: 95, link: "/projects/sistent/components/text-input", text: "Text Input" },
188+
{ id: 96, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
189+
{ id: 97, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
134190
{ id: 98, link: "/projects/sistent/components/text-input", text: "Text Input" },
135191
{ id: 99, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
136192
{ id: 100, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
137193

194+
{ id: 98, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
195+
{ id: 99, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
196+
{ id: 100, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
138197
{ id: 101, link: "/projects/sistent/components/toolbar", text: "Toolbar" },
139198
{ id: 102, link: "/projects/sistent/components/toolbar/guidance", text: "Toolbar" },
140199
{ id: 103, link: "/projects/sistent/components/toolbar/code", text: "Toolbar" },
141200

201+
{ id: 101, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
202+
{ id: 102, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
203+
{ id: 103, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
142204
{ id: 104, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
143205
{ id: 105, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
144206
{ id: 106, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },

‎src/sections/Projects/Sistent/components/content.js‎

Lines changed: 23 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -137,115 +137,123 @@ const componentsData = [
137137
},
138138
{
139139
id: 18,
140+
name: "Drawer",
141+
description:
142+
"The drawer provides a sliding panel that appears from an edge to present navigation, options, or contextual content.",
143+
url: "/projects/sistent/components/drawer",
144+
src: "/drawer",
145+
},
146+
{
147+
id: 19,
140148
name: "Circular Progress",
141149
description:
142150
"The Circular Progress component displays a circular loading indicator that represents the progress in your application",
143151
url: "/projects/sistent/components/circularprogress",
144152
src: "/circularprogress",
145153
},
146154
{
147-
id: 19,
155+
id: 20,
148156
name: "Switch",
149157
description: "The Switch component allows users to toggle the state of a single setting on or off.",
150158
url: "/projects/sistent/components/switch",
151159
src: "/switch"
152160
},
153161
{
154-
id: 20,
162+
id: 21,
155163
name: "Tabs",
156164
description: "Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.",
157165
url: "/projects/sistent/components/tabs",
158166
src: "/tabs",
159167
},
160168
{
161-
id: 21,
169+
id: 22,
162170
name: "Avatar",
163171
description:
164172
"An Avatar component is used to visually represent a user, profile, or entity, typically through an image, initials, or icon.",
165173
url: "/projects/sistent/components/avatar",
166174
src: "/avatar",
167175
},
168176
{
169-
id: 22,
177+
id: 23,
170178
name: "AvatarGroup",
171179
description:
172180
"An AvatarGroup component is used to display a collection of Avatars together, typically representing a group of users, collaborators, or participants.",
173181
url: "/projects/sistent/components/avatar-group",
174182
src: "/avatar-group",
175183
},
176184
{
177-
id: 23,
185+
id: 24,
178186
name: "Badge",
179187
description: "A badge is a small component that displays a number or status indicator, often used to show notifications or messages.",
180188
url: "/projects/sistent/components/badge",
181189
src: "/badge",
182190
},
183191
{
184-
id: 24,
192+
id: 25,
185193
name: "Toolbar",
186194
description:
187195
"The toolbar is a horizontal container for grouping interactive elements like buttons, filters, or navigation controls, typically placed at the top of a UI section.",
188196
url: "/projects/sistent/components/toolbar",
189197
src: "/toolbar",
190198
},
191199
{
192-
"id": 25,
200+
"id": 26,
193201
"name": "RadioGroup",
194202
"description": "Sistent offers a well-structured RadioGroup component that allows users to select one option from a set.",
195203
"url": "/projects/sistent/components/radiogroup",
196204
"src": "/radiogroup"
197205
},
198206
{
199-
"id": 26,
207+
"id": 27,
200208
"name": "Grid",
201209
"description": "The Grid component in Sistent provides a flexible and responsive layout system for arranging content in rows and columns.",
202210
"url": "/projects/sistent/components/grid",
203211
"src": "/grid"
204212
},
205213
{
206-
"id": 27,
214+
"id": 28,
207215
"name": "List",
208216
"description": "Lists are essential UI elements that allow items to be organized sequentially in a structured and readable way. They help users view, select, and interact with multiple items conveniently.",
209217
"url": "/projects/sistent/components/list",
210218
"src": "/list",
211219
},
212220
{
213-
"id": 28,
221+
"id": 29,
214222
"name": "Chip",
215223
"description": "Chips are compact elements that represent an input, attribute, or action. They are often used for tags, contacts, or filters.",
216224
"url": "/projects/sistent/components/chip",
217225
"src": "/chip",
218226
},
219227
{
220-
"id": 29,
228+
"id": 30,
221229
"name": "Collapse",
222230
"description": "The Collapse component is used to create expandable/collapsible content sections. It smoothly animates the height of its children from zero to full height when expanded.",
223231
"url": "/projects/sistent/components/collapse",
224232
"src": "/collapse",
225233
},
226234
{
227-
id: 30,
235+
id: 31,
228236
name: "IconButton",
229237
description: "IconButton provides an interactive button component that displays only an icon, ideal for compact UIs where space is limited and actions are easily recognizable through iconography.",
230238
url: "/projects/sistent/components/iconbutton",
231239
src: "/iconbutton",
232240
},
233241
{
234-
"id": 30,
242+
"id": 32,
235243
"name": "FormControlLabel",
236244
"description": "A control + label pair used for checkboxes or radio buttons.",
237245
"url": "/projects/sistent/components/formcontrollabel",
238246
"src": "/formcontrollabel",
239247
},
240248
{
241-
id: 31,
249+
id: 33,
242250
name: "Stepper",
243251
description: "Stepper provides a way to display progress through a sequence of logical steps.",
244252
url: "/projects/sistent/components/stepper",
245253
src: "/stepper",
246254
},
247255
{
248-
id: 32,
256+
id: 34,
249257
name: "Stack",
250258
description: "Stack is a layout component that arranges elements in a one-dimensional flow with customizable spacing and direction.",
251259
url: "/projects/sistent/components/stack",

0 commit comments

Comments
 (0)