BriteEmptyState

Sharedcomponent✓ stamped

Empty-state placeholder with icon, copy, and an action.

@brite-nites/design-system/primitives/brite-empty-state

Zero-data placeholder for list / detail pages. Icon + title + description + optional action slot. Three sizes (sm / md / lg) for inline empty regions vs full-page empty states.

Default (md)

Standard shape for a list page with no items yet. Primary CTA uses variant='primary'.

No clients yet

Clients are the companies and homeowners you bid work for. Add your first one to start tracking quotes and properties.

Size — sm

Compact variant for inline empty regions inside cards or panels.

No attachments

Drop a file or link here to attach it to this quote.

Size — lg

Full-page empty state. Larger icon frame and more breathing room.

Let's build your first quote

Quotes are the heart of the job — pick a property, pick a service template, and price it in minutes. The first one you build becomes your template for the rest of the season.

Search no-results

Uses MagnifyingGlass icon + 'try different filters' copy. No CTA — the action is to adjust the query.

No results for 'holiday light'

Try broadening the search, removing a filter, or creating a new product if this is a new item.

Without icon

Skip the icon when the context already makes the state obvious (inside a titled card, for example).

No activity this week

Check back Monday — appointments and quotes will appear here as they happen.