Components

Container

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

Usage

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

Props

as
string
"div"
ui
{ base?: string; padding?: string; constrained?: string; } & { [key: string]: any; } & { strategy?: Strategy; }
{}

Config

{
  base: 'mx-auto',
  padding: 'px-4 sm:px-6 lg:px-8',
  constrained: 'max-w-7xl',
}