Components

Ace Container

Max-width centered container primitive with responsive padding

Ace Container

Max-width centered container primitive with responsive padding.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-container

Usage

import { AceContainer } from "@/components/vandoko/ace-container";

export default function Page() {
  return <AceContainer />;
}

Features

  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

2 props
PropTypeDefaultDescription
childrenreq
React.ReactNode-
className
string-

Lineage

PropertyValue
Source@aceternity/container
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction

On this page