Skip to main content

SkillReq & QuestReq Components

Inline requirement checking for skills and quests with automatic visual feedback.

Live Examples

Skill Requirements:

  • You need 67 Firemaking to burn magic logs
  • Aim for 80 Attack for high-level combat
  • 50 Woodcutting is required for cutting logs

Quest Requirements:

  • Complete Dragon Slayer for rune platebody access
  • Desert Treasure unlocks Ancient Magicks
  • Recipe for Disaster provides barrows gloves

Usage

<SkillReq>67 Firemaking</SkillReq>
<QuestReq>Dragon Slayer</QuestReq>

How It Works

  • Skill Detection: 67 Firemaking → Requires level 67 Firemaking
  • Quest Detection: Dragon Slayer → Requires quest completion
  • Visual Feedback: Green border = met, red border = not met
  • Auto-updates when username changes via <UserInput />

Examples

## Requirements
- <SkillReq>40 Attack</SkillReq> for rune weapons
- <QuestReq>Dragon Slayer</QuestReq> for access
- <SkillReq>70 Prayer</SkillReq> for protection prayers

Styling

  • Green border: Requirement met
  • Red border: Requirement not met
  • Gray border: No username or loading
  • Hover tooltip: Shows current vs. required values