Card Content - Vue

Card Content

import { Card } from '@idds/vue';

Name	Type	Default	Required	Description
`variant?`	`'basic' \| 'horizontal' \| 'overlay'`	`'basic'`	No	Varian card: basic (vertical), horizontal (layout horizontal), overlay (media sebagai background dengan overlay).
`mediaPosition?`	`'top' \| 'bottom' \| 'left' \| 'right'`	—	No	Posisi media: untuk basic (top/bottom, default: bottom), horizontal (left/right, default: right), overlay (top/bottom, default: top).
`avatar?`	`string`	—	No	Avatar image source.
`avatarAlt?`	`string`	—	No	Avatar alt text.
`title?`	`string`	—	No	Judul card.
`description?`	`string`	—	No	Deskripsi card.
`mediaSrc?`	`string`	—	No	Media image source.
`mediaAlt?`	`string`	—	No	Media alt text.
`showButton?`	`boolean`	`false`	No	Apakah button ditampilkan.
`buttonText?`	`string`	—	No	Button text.
`buttonHierarchy?`	`'primary' \| 'secondary' \| 'tertiary' \| 'link'`	`'primary'`	No	Button hierarchy.
`class?`	`string`	—	No	HTML standard attribute `class` untuk container card (fallthrough).
`#media?`	`Slot`	—	No	Slot untuk custom media content.
`#avatar?`	`Slot`	—	No	Slot untuk custom avatar content.
`#title?`	`Slot`	—	No	Slot untuk custom title content.
`#description?`	`Slot`	—	No	Slot untuk custom description content.
`#button?`	`Slot`	—	No	Slot untuk custom button content.