Pokemon Badge
Badge component to display Pokémon types with consistent color coding.
FireWaterGrassElectricPsychic
Installation
Usage
Examples
Type
Use the type prop to display a Pokémon's elemental type. It sets the badge's background and text color automatically based on the type-colors theme token.
firewatergrasselectric
Combined
Use the variant prop to change the visual style of the badge. Note that some variants may not suit every type due to color contrast.
solidoutlinesoftghost
API Reference
Props for PokemonBadgeType. Also accepts all native <span> props.
| Prop | Type | Default |
|---|---|---|
type | "normal" | |
variant | "solid" | |
asChild | boolean | false |