warcraftcn warcraftcn/ui

Cursor

A wrapper component that applies faction-based custom CSS cursors to its children. Hover over each card to see the different cursor styles.

Faction Cursors

Default
Hover to see cursor
Human Peasant
Orc
Hover to see cursor
Orc Hero
Elf
Hover to see cursor
Elf Hero
Human
Hover to see cursor
Human Hero
Undead
Hover to see cursor
Undead Hero

Usage

<script>
  import { Cursor } from 'warcraftcn-ui-svelte';
</script>

<Cursor faction="orc">
  <div>Hover over me for the orc cursor</div>
</Cursor>

Props

PropTypeDefault
faction"default" | "orc" | "elf" | "human" | "undead""default"