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
{}
{}
as
string
"div"

Config

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