Card
Cards are a flexible and extensible content container. They are commonly used within a page layout or as part of a related group of content.
Installation
CLI
Manual
npx hq-kit add card
Basic
Preview
Code
Monthly Report
Financial summary for June
The monthly financial report shows a 15% increase in revenue compared to last month.
With Form
Preview
Code
Login
Don't loose the level, just keep on going.
With Table
Preview
Code
Users
Manage users, groups, and roles.
# | Name | Gender | Age | Occupation | |
---|---|---|---|---|---|
1 | John Doe | Male | 30 | Software Engineer | |
2 | Jane Smith | Female | 25 | Marketing Manager | |
3 | Bob Johnson | Male | 40 | Doctor | |
4 | Emily Chen | Female | 28 | Teacher | |
5 | Michael Brown | Male | 35 | Lawyer | |
6 | Sarah Lee | Female | 32 | Designer | |
7 | Kevin White | Male | 45 | CEO | |
8 | Lisa Nguyen | Female | 29 | Engineer | |
9 | David Kim | Male | 38 | Consultant | |
10 | Hannah Patel | Female | 26 | Writer |
Action Button
Preview
Code
Users
Manage users, groups, and roles.