Runnable recipe · @scout-ui/react
A selectable sticker mood board
Compose Sticker and StickerBadge into a clear category picker where selection remains textual and pressed-state driven.
Search terms: sticker badge, mood, category, aria-pressed
Live example
Choose a visual mood.
Selected mood: bright
Source
import { Sticker, StickerBadge } from "@scout-ui/react";
<StickerBadge mode="select" selected={selected}>Bright</StickerBadge>Dependencies
Install @scout-ui/react and the shared @scout-ui/react/styles.css stylesheet. Artwork may come from @scout-ui/stickers or your own source.
Accessibility contract
Each choice is a native button with aria-pressed and a visible selection mark beyond color.
Motion, touch, and adaptation
The board wraps in document order and remains fully usable without hover or drag.