Components

Ace Icon Box Hero

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

Ace Icon Box Hero

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

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-icon-box-hero

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

2 props
PropTypeDefaultDescription
children
React.ReactNode-
className
string-

Lineage

PropertyValue
Source@aceternity/icon-box-hero
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

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

On this page