ikun-uiKCard
Integrate information in a card container.
Install
bash
pnpm add @ikun-ui/cardbash
yarn add @ikun-ui/cardbash
npm install @ikun-ui/cardBasic usage
Card includes title, content.
Card is made up of header and body. header is optional, and its content distribution depends on header slot or title attribute.
Card Name Set By title attribute
IKun UI is a component library based on svelte.
KAlert
KAvatar
KButton
KCard
Card Name Set By header slot
IKun UI is a component library based on svelte.
KAlert
KAvatar
KButton
KCard
Simple card
The header part can be omitted.
Shadow
You can define when to show the card shadows
The shadow attribute determines when the card shadows are displayed. It can be always, hover or never.
Card Props
| Name | Type | Default | Description |
|---|---|---|---|
| title | string | - | title of the card. |
| shadow | always | hover | never | always | when to show card shadows. |
| cls | string | '' | Additional class for |
| attrs | Record<string, string> | {} | Additional attributes |
Card Slots
| Name | Description |
|---|---|
| header | content of the header. |
| default | content of the content. |