Ace Icon Box Hero

Hero-sized icon box with border, background, and centered icon slot.

Installation

Usage

import { AceIconBoxHero } from "@/components/vandoko/ace-icon-box-hero";

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

Features

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

Props

Lineage

Modifications

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