layout

Container

GitHub

A container lets you center and constrain the width of your content.

Usage

<template>
  <UContainer>Content</UContainer>
</template>

Props

ui
any

{}

as
string

"div"

Preset

appConfig.ui.container
{
  "base": "mx-auto",
  "padding": "px-4 sm:px-6 lg:px-8",
  "constrained": "max-w-7xl"
}

Card

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

Skeleton

Display a placeholder while content is loading.