UNPKG

@atlaskit/empty-state

Version:

An empty state appears when there is no data to display and describes what the user can do next.

27 lines (26 loc) 1.04 kB
import React from 'react'; import type { EmptyStateProps } from './types'; /** * __Empty state__ * * A component used for presenting various empty states. * e.g. (no items, empty search, broken link, welcome screen etc.) * * @example * ```tsx * import EmptyState from '@atlaskit/empty-state'; * * // An example of a 404 state * export default () => { * <EmptyState * header="Page not found" * imageUrl="https://cdn.io/images/404" * description="Looks like you've stumbled off track. Sorry about that! This page either doesn't exist or has been removed." * primaryAction={<Button appearance="primary">Home Page</Button>} * secondaryAction={<Button>Report a problem</Button>} * />; * }; * ``` */ declare const EmptyState: ({ buttonGroupLabel, description, header, headingLevel, headingSize, imageHeight, imageUrl, imageWidth, isLoading, maxImageHeight, maxImageWidth, primaryAction, renderImage, secondaryAction, width, tertiaryAction, testId, }: EmptyStateProps) => React.JSX.Element; export default EmptyState;