Skip to main content
⚠️ AppKit is in an early development phase and is subject to change without notice. DO NOT use in production environments.

# Empty

Empty state component for displaying no-data scenarios

## Empty​

Empty state component for displaying no-data scenarios

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { Empty } from '@databricks/appkit-ui';

    <Empty /* props */ />

## EmptyContent​

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { EmptyContent } from '@databricks/appkit-ui';

    <EmptyContent /* props */ />

## EmptyDescription​

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { EmptyDescription } from '@databricks/appkit-ui';

    <EmptyDescription /* props */ />

## EmptyHeader​

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { EmptyHeader } from '@databricks/appkit-ui';

    <EmptyHeader /* props */ />

## EmptyMedia​

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

Prop | Type | Required | Default | Description
--- | --- | --- | --- | ---
`variant` | `"default" | "icon" | null` |  | `default` | -

### Usage​

    import { EmptyMedia } from '@databricks/appkit-ui';

    <EmptyMedia /* props */ />

## EmptyTitle​

Source: `packages/appkit-ui/src/react/ui/empty.tsx`

### Props​

This component extends standard HTML element attributes.

### Usage​

    import { EmptyTitle } from '@databricks/appkit-ui';

    <EmptyTitle /* props */ />