Components
Card
A container with optional header, body and footer sections.
import { CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent } from '@/MigsLab/shared'
Example
User info
Profile summary
Name: Stella Marie
Role: Developer
A flat card has no border and no shadow.
<CardComponent>
<CardHeaderComponent>User info</CardHeaderComponent>
<CardBodyComponent>Name: Stella Marie</CardBodyComponent>
<CardFooterComponent>
<ButtonComponent rounded>Edit</ButtonComponent>
</CardFooterComponent>
</CardComponent>
<CardComponent flat>...</CardComponent>API
CardComponent props
| Name | Type | Default | Description |
|---|---|---|---|
border | boolean | true | Show the outer border. |
shadow | boolean | true | Show a subtle shadow. |
flat | boolean | false | Remove both border and shadow. |
Slots
| Name | Description |
|---|---|
CardComponent: default | Card sections. |
CardHeaderComponent: default | Title area. |
CardBodyComponent: default | Main content. |
CardFooterComponent: default | Actions, right aligned. |