14 lines
1.1 KiB
Markdown
14 lines
1.1 KiB
Markdown
---
|
|
name: catalog-ui-components
|
|
description: Add or change Buzz Sheet catalog UI that displays catalog item images, picks catalog items, or shows simple tooltips using the shared components.
|
|
---
|
|
|
|
# Buzz Sheet catalog UI components
|
|
|
|
Reuse the project components for catalog imagery, catalog selection, and simple tooltip content instead of building one-off equivalents.
|
|
|
|
- Render character, weapon, and artifact images with `CatalogItemImage` from `components/catalog-item-image.tsx`. Pass the item kind and catalog image data so rarity backgrounds and image behavior stay consistent.
|
|
- Use the matching picker from `components/catalog-select.tsx`: `CharacterSelect`, `WeaponSelect`, or `ArtifactSelect` for domain pickers, and `CatalogDropdown` for a generic catalog dropdown. Extend these shared components when a picker needs another presentation or option behavior.
|
|
- Use `SimpleTooltip` from `components/tooltip.tsx` for simple tooltip content. Keep the existing tooltip primitives for cases that need richer custom interaction or layout.
|
|
- Preserve the shared pickers' search, keyboard selection, and clearing behavior when extending them.
|