Skip to content

Commit fcfaf46

Browse files
SohamsigSohamsig
committed
fix: remove manual CodeBlock import
Signed-off-by: Soham Babrekar <soham.babrekar@gmail.com>
1 parent d74a725 commit fcfaf46

File tree

1 file changed

+112
-5
lines changed
  • src/collections/sistent/components/table

1 file changed

+112
-5
lines changed

‎src/collections/sistent/components/table/index.mdx‎

Lines changed: 112 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,8 +38,28 @@ Tables should be used when:
3838

3939
### Basic Table
4040

41-
Basic tables are used to display structured data in rows and columns.
41+
<TableContainer>
42+
<Table>
43+
<TableHead>
44+
<TableRow>
45+
<TableCell>Name</TableCell>
46+
<TableCell>Role</TableCell>
47+
<TableCell>Status</TableCell>
48+
</TableRow>
49+
</TableHead>
50+
<TableBody>
51+
<TableRow>
52+
<TableCell>User 1</TableCell>
53+
<TableCell>Contributor</TableCell>
54+
<TableCell>Active</TableCell>
55+
</TableRow>
56+
</TableBody>
57+
</Table>
58+
</TableContainer>
4259

60+
<CodeBlock>
61+
62+
```jsx
4363
<TableContainer>
4464
<Table>
4565
<TableHead>
@@ -58,13 +78,34 @@ Basic tables are used to display structured data in rows and columns.
5878
</TableBody>
5979
</Table>
6080
</TableContainer>
81+
```
82+
83+
</CodeBlock>
6184

6285
---
6386

6487
### Striped Table
6588

66-
Striped tables improve readability by alternating row colors.
89+
<TableContainer>
90+
<Table striped>
91+
<TableHead>
92+
<TableRow>
93+
<TableCell>Name</TableCell>
94+
<TableCell>Role</TableCell>
95+
</TableRow>
96+
</TableHead>
97+
<TableBody>
98+
<TableRow>
99+
<TableCell>User 1</TableCell>
100+
<TableCell>Contributor</TableCell>
101+
</TableRow>
102+
</TableBody>
103+
</Table>
104+
</TableContainer>
105+
106+
<CodeBlock>
67107

108+
```jsx
68109
<TableContainer>
69110
<Table striped>
70111
<TableHead>
@@ -81,15 +122,36 @@ Striped tables improve readability by alternating row colors.
81122
</TableBody>
82123
</Table>
83124
</TableContainer>
125+
```
126+
127+
</CodeBlock>
84128

85129
---
86130

87131
## States
88132

89133
### Sortable Table
90134

91-
Tables can support sorting to help users organize data.
135+
<TableContainer>
136+
<Table>
137+
<TableHead>
138+
<TableRow>
139+
<TableCell>Name</TableCell>
140+
<TableCell>Role</TableCell>
141+
</TableRow>
142+
</TableHead>
143+
<TableBody>
144+
<TableRow>
145+
<TableCell>User 1</TableCell>
146+
<TableCell>Contributor</TableCell>
147+
</TableRow>
148+
</TableBody>
149+
</Table>
150+
</TableContainer>
151+
152+
<CodeBlock>
92153

154+
```jsx
93155
<TableContainer>
94156
<Table>
95157
<TableHead>
@@ -106,13 +168,34 @@ Tables can support sorting to help users organize data.
106168
</TableBody>
107169
</Table>
108170
</TableContainer>
171+
```
172+
173+
</CodeBlock>
109174

110175
---
111176

112177
### Selectable Rows
113178

114-
Tables can allow row selection.
179+
<TableContainer>
180+
<Table>
181+
<TableHead>
182+
<TableRow>
183+
<TableCell>Name</TableCell>
184+
<TableCell>Role</TableCell>
185+
</TableRow>
186+
</TableHead>
187+
<TableBody>
188+
<TableRow>
189+
<TableCell>User 1</TableCell>
190+
<TableCell>Contributor</TableCell>
191+
</TableRow>
192+
</TableBody>
193+
</Table>
194+
</TableContainer>
195+
196+
<CodeBlock>
115197

198+
```jsx
116199
<TableContainer>
117200
<Table>
118201
<TableHead>
@@ -129,13 +212,34 @@ Tables can allow row selection.
129212
</TableBody>
130213
</Table>
131214
</TableContainer>
215+
```
216+
217+
</CodeBlock>
132218

133219
---
134220

135221
### Paginated Table
136222

137-
Tables can support pagination for large datasets.
223+
<TableContainer>
224+
<Table>
225+
<TableHead>
226+
<TableRow>
227+
<TableCell>Name</TableCell>
228+
<TableCell>Role</TableCell>
229+
</TableRow>
230+
</TableHead>
231+
<TableBody>
232+
<TableRow>
233+
<TableCell>User 1</TableCell>
234+
<TableCell>Contributor</TableCell>
235+
</TableRow>
236+
</TableBody>
237+
</Table>
238+
</TableContainer>
138239

240+
<CodeBlock>
241+
242+
```jsx
139243
<TableContainer>
140244
<Table>
141245
<TableHead>
@@ -152,6 +256,9 @@ Tables can support pagination for large datasets.
152256
</TableBody>
153257
</Table>
154258
</TableContainer>
259+
```
260+
261+
</CodeBlock>
155262

156263
---
157264

0 commit comments

Comments
 (0)