← DOCS
fantasy

QuestScroll

Ancient quest scroll button with wax seal and aged paper texture.

npx chaos add quest-scroll

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;
import { QuestScroll } from '@oalacea/chaosui/buttons/quest-scroll';

<QuestScroll>Accept Quest</QuestScroll>
<QuestScroll questStatus="active">In Progress</QuestScroll>
<QuestScroll questStatus="completed" size="lg">Claim Reward</QuestScroll>

PROPS

PropTypeDefault
questStatusCurrent quest status
"available" | "active" | "completed""available"
sizeSize of the scroll
"sm" | "md" | "lg""md"

CSS VARIABLES

--scroll-primary#d4a574Scroll paper color