Basic Card

Wadah kartu fleksibel yang mendukung header, footer, banner popup, konten yang dapat digulir, dan konfigurasi warna. Dilengkapi dengan kelas utilitas TailwindCSS.

Skeleton

Slots and Templates

Name	Description	Required	Notes
default	Main content of the card	Yes	Body content
header	Optional card header	No	Rendered only if provided
footer	Optional card footer	No	Rendered only if provided
popup	Optional popup banner above card	No	Rendered only if provided

Props

Prop	Type	Default	Description
color	String	'normal'	Body color class. Accepts 'normal', 'sub', or custom Tailwind class.
headerColor	String	'primary'	Header color. Accepts 'red', 'yellow', 'blue', 'green', or custom Tailwind class.
footerColor	String	'primary'	Footer color. Same options as headerColor.
popupColor	String	'green'	Popup banner color. Same options as above.
noPadding	Boolean	false	If true, removes body padding.
maxHeight	String	—	Tailwind class to set max height of the body. Enables vertical scroll if present.
overflowing	Boolean	false	If true, forces overflow-hidden behavior on outer container.
noAnimate	Boolean	false	If true, disables card animations.
customClass	String	—	Extra Tailwind utility classes for the card content container.

Events