You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: "The Switch component allows users to toggle the state of a single setting on or off.",
150
158
url: "/projects/sistent/components/switch",
151
159
src: "/switch"
152
160
},
153
161
{
154
-
id: 20,
162
+
id: 21,
155
163
name: "Tabs",
156
164
description: "Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.",
157
165
url: "/projects/sistent/components/tabs",
158
166
src: "/tabs",
159
167
},
160
168
{
161
-
id: 21,
169
+
id: 22,
162
170
name: "Avatar",
163
171
description:
164
172
"An Avatar component is used to visually represent a user, profile, or entity, typically through an image, initials, or icon.",
165
173
url: "/projects/sistent/components/avatar",
166
174
src: "/avatar",
167
175
},
168
176
{
169
-
id: 22,
177
+
id: 23,
170
178
name: "AvatarGroup",
171
179
description:
172
180
"An AvatarGroup component is used to display a collection of Avatars together, typically representing a group of users, collaborators, or participants.",
173
181
url: "/projects/sistent/components/avatar-group",
174
182
src: "/avatar-group",
175
183
},
176
184
{
177
-
id: 23,
185
+
id: 24,
178
186
name: "Badge",
179
187
description: "A badge is a small component that displays a number or status indicator, often used to show notifications or messages.",
180
188
url: "/projects/sistent/components/badge",
181
189
src: "/badge",
182
190
},
183
191
{
184
-
id: 24,
192
+
id: 25,
185
193
name: "Toolbar",
186
194
description:
187
195
"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.",
188
196
url: "/projects/sistent/components/toolbar",
189
197
src: "/toolbar",
190
198
},
191
199
{
192
-
"id": 25,
200
+
"id": 26,
193
201
"name": "RadioGroup",
194
202
"description": "Sistent offers a well-structured RadioGroup component that allows users to select one option from a set.",
195
203
"url": "/projects/sistent/components/radiogroup",
196
204
"src": "/radiogroup"
197
205
},
198
206
{
199
-
"id": 26,
207
+
"id": 27,
200
208
"name": "Grid",
201
209
"description": "The Grid component in Sistent provides a flexible and responsive layout system for arranging content in rows and columns.",
202
210
"url": "/projects/sistent/components/grid",
203
211
"src": "/grid"
204
212
},
205
213
{
206
-
"id": 27,
214
+
"id": 28,
207
215
"name": "List",
208
216
"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.",
209
217
"url": "/projects/sistent/components/list",
210
218
"src": "/list",
211
219
},
212
220
{
213
-
"id": 28,
221
+
"id": 29,
214
222
"name": "Chip",
215
223
"description": "Chips are compact elements that represent an input, attribute, or action. They are often used for tags, contacts, or filters.",
216
224
"url": "/projects/sistent/components/chip",
217
225
"src": "/chip",
218
226
},
219
227
{
220
-
"id": 29,
228
+
"id": 30,
221
229
"name": "Collapse",
222
230
"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.",
223
231
"url": "/projects/sistent/components/collapse",
224
232
"src": "/collapse",
225
233
},
226
234
{
227
-
id: 30,
228
-
name: "IconButton",
229
-
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.",
230
-
url: "/projects/sistent/components/iconbutton",
231
-
src: "/iconbutton",
232
-
},
233
-
{
234
-
"id": 30,
235
+
"id": 31,
235
236
"name": "FormControlLabel",
236
237
"description": "A control + label pair used for checkboxes or radio buttons.",
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.",
245
+
url: "/projects/sistent/components/iconbutton",
246
+
src: "/iconbutton",
247
+
},
248
+
{
249
+
id: 33,
242
250
name: "Stepper",
243
251
description: "Stepper provides a way to display progress through a sequence of logical steps.",
244
252
url: "/projects/sistent/components/stepper",
245
253
src: "/stepper",
246
254
},
247
255
{
248
-
id: 32,
256
+
id: 34,
249
257
name: "Stack",
250
258
description: "Stack is a layout component that arranges elements in a one-dimensional flow with customizable spacing and direction.",
251
259
url: "/projects/sistent/components/stack",
252
260
src: "/stack",
253
261
},
254
262
{
255
-
id: 33,
263
+
id: 35,
256
264
name: "Accordion",
257
265
description: "An accordion is a vertically stacked list of headers that can be clicked to reveal or hide associated content, allowing users to toggle between hiding and showing large amounts of content in a compact space.",
258
266
url: "/projects/sistent/components/accordion",
259
267
src: "/accordion",
260
268
},
261
269
{
262
-
id: 34,
270
+
id: 36,
263
271
name: "Divider",
264
272
description:
265
273
"The Divider component visually separates content with a thin line, helping to organize sections and improve scannability in lists and layouts.",
0 commit comments