InputAssetPicker

Compact square picker that opens an overlay to select from an asset library, upload a new file, or use an external URL. Designed for image fields where the source can come from multiple places.

Import

import { InputAssetPicker } from "@repo/design-system/components/input/input-asset-picker";

Inline layout (settings list)

Hero image

Main artwork behind hero-style templates.

Location card

Background artwork shown on selected-club cards across the funnel.

Primary logo

Used on light template surfaces. Pick a library asset, upload one, or use a URL.

Stack layout (default)

Hero image

Click the card or use the menu.

Background

Empty by default.

Sizes & contain fit

Primary logo

Small picker

Large picker

Circle / avatar

Profile picture

Controlled library search

Server-driven library

Search is controlled by the parent (server-side filter).