Black Friday Week: 20% off on all Nuxt UI Pro products from Nov 25 to Dec 2!

Components

Container

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

Usage

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

Props

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

Config

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