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

Usage

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

Props

Type: { base?: string; padding?: string; constrained?: string; } & { [key: string]: any; } & { strategy?: Strategy; }

Default: {}

Type: string

Default: "div"

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