Nuxt UI v4 is officially released!

Components

Card

GitHub
Display a card for content with a header, body and footer.

Usage

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Slots

header

Use the #header slot to fill the header.

footer

Use the #footer slot to fill the footer.

Props

ui
{ base?: string; background?: string; divide?: string; ring?: string; rounded?: string; shadow?: string; body?: DeepPartial<{ base: string; background: string; padding: string; }, any>; header?: DeepPartial<{ base: string; background: string; padding: string; }, any>; footer?: DeepPartial<{ base: string; background: string; padding: string; }, any>; } & { [key: string]: any; } & { strategy?: Strategy; }
{}
as
string
"div"

Config

{
  "message": "You should use slots with <ContentRenderer>",
  "value": {},
  "excerpt": false,
  "tag": "div"
}

Button

Create a button with icon or link capabilities.

Carousel

Display images or content in a scrollable area.