| ID | Name | Status | Owner | Progress |
|---|---|---|---|---|
| #1001 | Data tables study | Active | Dimitris Tomazakis |
|
| #1002 | Template with advanced aspect | Draft | Sarah Johnson |
|
| #1003 | Component library update | Inactive | Michael Chen |
|
| #1004 | API documentation | Active | Emma Davis |
|
This is a simple panel with a border. Use for grouping related content without card styling.
This card demonstrates footer actions with properly styled buttons.
Primary Color
Success Color
Error Color
Warning Color
Gray Color
Muted Color
Small text
Extra small text
Semibold weight
Bold weight
Classes: .p-m-0 through .p-m-4, .p-mt-*, .p-mb-*, .p-mr-*, .p-ml-*, .p-p-0 through .p-p-4
.p-flex .p-gap-2 - Flex with gap
.p-flex .p-items-center - Vertically centered items
Classes: .p-flex, .p-flex-col, .p-flex-wrap, .p-items-center, .p-justify-between, .p-justify-center, .p-justify-end, .p-gap-1 through .p-gap-4
.p-text-uppercase - uppercase text
.P-TEXT-LOWERCASE - LOWERCASE TEXT
.p-text-capitalize - capitalize each word
.p-text-underline - Underlined text
.p-text-line-through - Strikethrough text
.p-text-no-underline - Removes underline
.p-leading-tight (1.25) - Tight line height creates compact text blocks that work well for headings and short content.
.p-leading-normal (1.5) - Normal line height provides balanced spacing for most body text.
.p-leading-relaxed (1.625) - Relaxed line height improves readability for longer paragraphs.
Classes: .p-leading-none, .p-leading-tight, .p-leading-snug, .p-leading-normal, .p-leading-relaxed, .p-leading-loose
.p-tracking-tighter - Tighter letter spacing
.p-tracking-normal - Normal letter spacing
.p-tracking-wide - Wide letter spacing
.p-tracking-widest - Widest letter spacing
Classes: .p-tracking-tighter, .p-tracking-tight, .p-tracking-normal, .p-tracking-wide, .p-tracking-wider, .p-tracking-widest
This is the overview tab content. Click on other tabs to see different content.
Click the button to show a toast notification: