Skip to content

[Sistent] Add Card component documentation to Sistent components page#7450

Open
shteypandey28-hue wants to merge 4 commits intolayer5io:masterfrom
shteypandey28-hue:sistent-card-docs
Open

[Sistent] Add Card component documentation to Sistent components page#7450
shteypandey28-hue wants to merge 4 commits intolayer5io:masterfrom
shteypandey28-hue:sistent-card-docs

Conversation

@shteypandey28-hue
Copy link

Description

This PR adds documentation for the Sistent Card component to the Sistent components page.

The documentation includes:

  • Explanation of the Card component and its purpose
  • Examples demonstrating Card usage
  • Usage of supporting components such as:
    • CardHeader
    • CardContent
    • CardMedia
    • CardActions
  • Code examples following the Sistent component structure

The implementation follows the same documentation pattern used by other Sistent components to maintain consistency across the documentation.

This resolves #5908.

Notes for Reviewers

  • Only the necessary files for Card documentation were added.
  • No unrelated files or formatting changes were introduced.
  • The documentation structure matches existing Sistent component docs.

Signed-off-by: shteypandey28-hue <shteypandey28@gmail.com>
@l5io
Copy link
Contributor

l5io commented Mar 4, 2026

🚀 Preview for commit 52c24be at: https://69a86e69ad61d133e3a46095--layer5.netlify.app

@shteypandey28-hue
Copy link
Author

Hi maintainers, I have added the Card docs. Happy to make any changes if needed. @Rajesh-Nagarajan-11

@Rajesh-Nagarajan-11
Copy link
Member

I will look , please give me some time

Copy link

@YASHMAHAKAL YASHMAHAKAL left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

@shteypandey28-hue alignment looks messy here

@YASHMAHAKAL
Copy link

Image And as you can see, it's hard to find card..

Signed-off-by: shteypandey28-hue <shteypandey28@gmail.com>
@shteypandey28-hue
Copy link
Author

changes have been made , kindly check !!.

@l5io
Copy link
Contributor

l5io commented Mar 4, 2026

🚀 Preview for commit af2971a at: https://69a884b656d2d14b0f8dc790--layer5.netlify.app

text: "Tooltip",
},

{ id: 121, link: "/projects/sistent/components/card", text: "Card" },
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please ensure the navigation is added in the correct order: the card navigation should appear after the button group.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Moved all 3 Card entries to the correct position:
fix that !! review it , kindly tell if any further assistant is needed.

@rishiraj38
Copy link
Contributor

Screenshot 2026-03-06 at 7 09 47 PM

You can now see the order of the components and place the navigation in that sequence. Please also revert the lint changes and ensure you only include the relevant modifications.

Signed-off-by: shteypandey28-hue <shteypandey28@gmail.com>
@shteypandey28-hue
Copy link
Author

kindly review @rishiraj38 !

@l5io
Copy link
Contributor

l5io commented Mar 6, 2026

🚀 Preview for commit 1b2d639 at: https://69aae05a4356a4d9e7cbc545--layer5.netlify.app


{ id: 121, link: "/projects/sistent/components/card", text: "Card" },
{ id: 122, link: "/projects/sistent/components/card/guidance", text: "Card" },
{ id: 123, link: "/projects/sistent/components/card/code", text: "Card" },
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please update the IDs and, as @saurabhraghuvanshii suggested, only add relevant changes.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done!

Signed-off-by: shteypandey28-hue <shteypandey28@gmail.com>
@l5io
Copy link
Contributor

l5io commented Mar 6, 2026

🚀 Preview for commit 2339ccf at: https://69ab0cda3f9856171e38112c--layer5.netlify.app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Sistent] Add Card component to the sistent components page

5 participants