AoE2CN Component

Button

A complete shadcn-compatible action with original crimson, gold, and parchment treatments.

pnpm dlx shadcn@latest add @aoe2cn/button

Variants

Sizes and content

States

Consumer theme override

Usage contract

Built to be edited in your project

Installation copies source, shared styles, local fonts, and required assets into your configured UI directory.

API notes

  • Native button props and className
  • asChild composition
  • Six variants, eight sizes, and loading

Covered states

  • Default, hover, active, and focus-visible
  • Disabled and loading
  • Icon-only and long Latin Extended labels

Customization

  • --aoe2cn-crimson-*
  • --aoe2cn-gold-*
  • --aoe2cn-focus
  • --aoe2cn-font-display