{ d20 } · @vttforge/styles

Buttons

Badges

ember steel mint gold rose violet muted

Forms

Visible in the sheet header.
Aria-invalid demo.
Toggles
Segmented

Code block

character-sheet.ts TypeScript
// Twelve lines, same behaviour.
export class CharacterSheet extends BaseActorSheet(CharacterData) {
  static PARTS = {
    header: { template: "systems/x/templates/header.hbs" },
    stats:  { template: "systems/x/templates/stats.hbs" },
  };

  prepareDerived(data) {
    data.mod = Math.floor((data.score - 10) / 2);
  }
}

Sheet primitive

img
Vex Halloran
half-elf · rogue · level 4
28HP 15AC
Shortsword +1
finesse · equipped
equipped ×1
Pouch of opals
valued · stowed
valued ×3
+
Drop items here
or click to browse