Empty state Pro

An empty list that explains why it is empty and offers next steps.

Install

Part of Pixels Pro. Add your licence key to .npmrc, then install.

BASH

npm i @pixelsds-pro/react @pixelsds/react react-aria-components

Usage

JSX

import { EmptyState } from '@pixelsds-pro/react';

export default function Page() {
  return <EmptyState />;
}

Built only from Pixels components and tokens, so it follows your brand colour, dark mode and right-to-left. The full source is in the Storybook once you have Pro.