EmptyState

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Connect a code source to start. Most teams begin with GitHub.

Loading…

Try a broader search. We looked across services, people, and docs.

Loading…

Try one of these to start, or write your own question above.

Loading…

GitHub returned a 401. Your token may have expired.

Loading…

Props for EmptyState
Prop	Type	Default	Description
icon	`ReactNode`	`—`	Glyph or icon node shown in the rounded plate.
title *	`ReactNode`	`—`	Title heading.
titleAs	`enum`	`h3`	Heading level for the title. Default `'h3'` — EmptyState typically lives inside a section that already has an `h2`. Bump to `h2` for top-of-screen "nothing here" states.
description	`ReactNode`	`—`	Body description.
action	`ReactNode`	`—`	Optional primary action (e.g., a Button) below the description.
chips	`readonly { label: ReactNode; onClick?: (() => void) \| undefined; }[] \| undefined`	`—`	Optional list of chip-style suggestions instead of (or below) the action.
tone	`enum`	`—`	Semantic tone for the icon plate. Omit for the neutral default.