Layout

Container

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"
}