Skip to content

Commit af3e946

Browse files
committed
fix: update table docs and remove invalid wrappers
Signed-off-by: Soham Babrekar <soham.babrekar@gmail.com>
1 parent 35314b3 commit af3e946

File tree

1 file changed

+33
-39
lines changed
  • src/collections/sistent/components/table

1 file changed

+33
-39
lines changed

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

Lines changed: 33 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ component: table
66
description: A table is used to organize and display structured data in rows and columns.
77
---
88

9+
import { Table } from "@sistent/components"
10+
911
Tables are used to present structured data in a clear and organized way. They help users scan information quickly, compare values, and understand relationships between data.
1012

1113
<a id="Types">
@@ -18,49 +20,41 @@ Different types of tables help present information based on use cases and data c
1820

1921
Basic tables are used to display structured data in rows and columns.
2022

21-
<Row className="image-container">
22-
<ThemeWrapper>
23-
<Table>
24-
<thead>
25-
<tr>
26-
<th>Name</th>
27-
<th>Role</th>
28-
<th>Status</th>
29-
</tr>
30-
</thead>
31-
<tbody>
32-
<tr>
33-
<td>User 1</td>
34-
<td>Contributor</td>
35-
<td>Active</td>
36-
</tr>
37-
</tbody>
38-
</Table>
39-
</ThemeWrapper>
40-
</Row>
23+
<Table>
24+
<thead>
25+
<tr>
26+
<th>Name</th>
27+
<th>Role</th>
28+
<th>Status</th>
29+
</tr>
30+
</thead>
31+
<tbody>
32+
<tr>
33+
<td>User 1</td>
34+
<td>Contributor</td>
35+
<td>Active</td>
36+
</tr>
37+
</tbody>
38+
</Table>
4139

4240
<h3>Striped Table</h3>
4341

4442
Striped tables improve readability by alternating row colors.
4543

46-
<Row className="image-container">
47-
<ThemeWrapper>
48-
<Table striped>
49-
<thead>
50-
<tr>
51-
<th>Name</th>
52-
<th>Role</th>
53-
</tr>
54-
</thead>
55-
<tbody>
56-
<tr>
57-
<td>User 1</td>
58-
<td>Contributor</td>
59-
</tr>
60-
</tbody>
61-
</Table>
62-
</ThemeWrapper>
63-
</Row>
44+
<Table striped>
45+
<thead>
46+
<tr>
47+
<th>Name</th>
48+
<th>Role</th>
49+
</tr>
50+
</thead>
51+
<tbody>
52+
<tr>
53+
<td>User 1</td>
54+
<td>Contributor</td>
55+
</tr>
56+
</tbody>
57+
</Table>
6458

6559
<a id="Usage">
6660
<h2>Usage</h2>
@@ -81,4 +75,4 @@ Tables should be used when:
8175
- Avoid too many columns
8276
- Keep rows readable
8377
- Use pagination for large datasets
84-
- Maintain consistent spacing
78+
- Maintain consistent spacing

0 commit comments

Comments
 (0)