Empty

Exports

Import these components from @mbsw/ui.

Empty

EmptyContent

EmptyDescription

EmptyHeader

EmptyMedia

EmptyTitle

Props

The tables list common props for each component. See the full types for supported prop combinations and inherited HTML and Radix props.

Empty

Empty props
Prop	Type	Requirement
`size`	`'lg' \| 'md' \| 'sm'`	Optional

Type reference

Show full types

Full TypeScript definitions, including prop combinations and inherited props.

import { type HTMLAttributes } from 'react';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type DivProps = HTMLAttributes<HTMLDivElement> & DataAttributes;

type ParagraphProps = HTMLAttributes<HTMLParagraphElement> & DataAttributes;

export type EmptySize = 'lg' | 'md' | 'sm';

export type EmptyProps = Omit<DivProps, 'size'> & {
    size?: EmptySize;
};

export type EmptyHeaderProps = DivProps;

export type EmptyMediaProps = DivProps;

export type EmptyTitleProps = DivProps;

export type EmptyDescriptionProps = ParagraphProps;

export type EmptyContentProps = DivProps;

export declare const Empty: import("react").ForwardRefExoticComponent<Omit<DivProps, "size"> & {
    size?: EmptySize;
} & import("react").RefAttributes<HTMLDivElement>>;

export declare const EmptyHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const EmptyMedia: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const EmptyTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const EmptyDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & DataAttributes & import("react").RefAttributes<HTMLParagraphElement>>;

export declare const EmptyContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;