layout

Container

GitHub

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

Usage

<template>  <UContainer>    <Placeholder class="h-32" />  </UContainer></template>

Props

ui
any
undefined
as
string
"div"

Config

UContainer.vue
{  "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.