Form input components
Data display components
Card content area with some example text.
Default AppleCard
Hover AppleCard
| Name | Status | Amount |
|---|---|---|
| John Doe | Active | $250.00 |
| Jane Smith | Pending | $150.00 |
Modal and overlay components
Text and heading components
This is a primary paragraph. It provides a way to display longer blocks of text with proper line height and spacing.
This is a secondary small paragraph. It's useful for supporting text or less prominent content.
Form components with validation
Layout and utility components
Scroll down on the page to see the BackToTop button appear in the bottom right corner.
Advanced data table with sorting, filtering, and pagination
金额 | 状态 | |
|---|---|---|
ken99@example.com | ¥316.00 | success |
abe45@example.com | ¥242.00 | success |
monserrat44@example.com | ¥837.00 | processing |
silas22@example.com | ¥874.00 | success |
carmella@example.com | ¥721.00 | failed |
每页行数
成功 | ken99@example.com | ¥316.00 | ||
成功 | abe45@example.com | ¥242.00 | ||
处理中 | monserrat44@example.com | ¥837.00 | ||
成功 | silas22@example.com | ¥874.00 | ||
失败 | carmella@example.com | ¥721.00 | ||
待处理 | john@example.com | ¥150.00 | ||
处理中 | jane@example.com | ¥500.00 | ||
成功 | mike@example.com | ¥280.00 |
每页行数
金额 | 状态 | |
|---|---|---|
ken99@example.com | ¥316.00 | success |
abe45@example.com | ¥242.00 | success |
monserrat44@example.com | ¥837.00 | processing |