Panel
Use the KPanel component to group content logically, providing a clear visual structure with headers and distinct boundaries.
Content Framing & Grouping
Panel with Title Prop
This panel uses the "title" prop for its header.
Panel with Header Slot
This panel uses the #header slot for customized header content.
Flex Content Panel
This panel uses "flexContent" so its body behaves like a flex container. The elements inside will flow according to your styles.
Panel with Footer
Panels also support a dedicated footer area.
Semantic Variants
Primary Panel
This panel uses the "primary" type variant.
Success Panel
This panel uses the "success" type variant.
Warning Panel
This panel uses the "warning" type variant.
Danger Panel
This panel uses the "danger" type variant.
Info Panel
This panel uses the "info" type variant.