feat(sistent): add Table component documentation

[Sohamsig]

This PR adds documentation for the Table component in Sistent.

Added:

• index.mdx
• guidance.mdx
• code.mdx

Also updated navigation for Table component.

[Sohamsig]

@rishiraj38 Hi, I’ve completed the changes for this issue.
Deploy preview failed due to fork permissions, but all checks passed.
Could you please review when you get a chance? Thanks!

[rishiraj38]

Please refer to the other components present there; this, in my opinion, is not the correct implementation.

[rishiraj38]

where is the code ?

[rishiraj38]

This navigation is also incorrect.

[rishiraj38]

This isn’t right; we have more fields here.

[rishiraj38]

@Sohamsig, will you be able to do this? I see you’re a first-time contributor so it might be a bit overwhelming.

[Sohamsig]

@rishiraj38 Yes, I've already addressed the comments and updated the PR.
Please let me know if anything else needs to be fixed. Thanks!

[Sohamsig]

@rishiraj38 Hi 👋
I’ve pushed the changes to fix the import issue, but the CI build is still failing with:
Can't resolve @sistent/components
I updated src/collections/sistent/components/table/index.mdx to use the local ConformanceTest-Table import, but it seems there may still be another reference or the build is expecting a different setup.

Could you please guide me on whether @sistent/components should be installed/linked, or if there are any other files I might have missed?

[rishiraj38]

Please remove this file; we no longer need it.

[rishiraj38]

@Sohamsig, please check for build failures.

[rishiraj38]

The build fails because ThemeWrapper and CodeBlock are being manually imported on lines 8 and 9 using an incorrect path. Since these are global components in our MDX setup simply removing those import lines will resolve the build error.

[rishiraj38]

• Fix Build Error: In code.mdx, please remove the manual import ThemeWrapper and CodeBlock lines. These components are already provided globally by our MDX template, and the manual imports are currently breaking the CI build.
• Use Sistent Components: For the examples in code.mdx and the overview in index.mdx, please use the official sub-components from @sistent/sistent (e.g., Table, TableBody, TableCell, TableContainer, TableHead, and TableRow) instead of raw HTML tags or the specialized ConformanceTest-Table.
• Follow Documentation Standards: As mentioned in the issue, the documentation should match the style and depth of the Button component. This includes wrapping live demos in and using /
for layout consistency.
• Demonstrate States: The issue explicitly asks for examples of various states (sortable, selectable rows, paginated). Using the @sistent/sistent components mentioned above will allow you to correctly showcase these features.

Could you also flesh out the Guidance section with some best practices and stylistic tips to match our other core documentation? Let me know if you have any questions!

[github-actions]

🚀 Preview deployment: https://layer5io.github.io/layer5/pr-preview/pr-7610/

[Sohamsig]

@rishiraj38 Thanks for the detailed feedback! I've addressed the requested changes:

• Removed manual imports causing the build failure
• Updated examples using official @sistent/sistent components
• Structured documentation to match existing component standards
• Added table states (sortable, selectable, paginated)
• Expanded the guidance section with best practices

The CI checks are currently running. Please let me know if any further improvements are needed.

[rishiraj38]

Please add a collapsible CodeBlock and insert the corresponding code within it.

[Sohamsig]

@rishiraj38 I've added collapsible CodeBlock sections for each example and included the corresponding code within them. Please let me know if any further improvements are needed.