Enemy Health Display - 8bitcn/ui

8bitcn/ui

8-bit Enemy Health Display component

Fire DragonLv.25

850/1000

85%

Goblin WarriorLv.5

45/100

45%

Installation

pnpm dlx shadcn@latest add @8bitcn/enemy-health-display

Usage

Customization

Props

Required Props

enemyName - Enemy name to display
currentHealth - Current health value
maxHealth - Maximum health value

Optional Props

level - Enemy level
showLevel - Show level (default: true)
showHealthText - Show health text (default: true)
healthBarVariant - "retro" | "default"
healthBarColor - Health bar color class
variant - "retro" | "default"
size - "sm" | "md" | "lg"
color - Text color variant
className - Additional CSS classes