Banner

Exports

Import these components from @mbsw/ui.

Props

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

Banner

Banner props
PropTypeRequirement
actionsReactNodeOptional
labelReactNodeRequired
tone'primary' | 'secondary' | 'destructive'Optional

Type reference

Show full types

Full TypeScript definitions, including prop combinations and inherited props.

import { type HTMLAttributes, type ReactNode } from 'react';

export type BannerTone = 'primary' | 'secondary' | 'destructive';

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

export type BannerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & DataAttributes & {
    actions?: ReactNode;
    label: ReactNode;
    tone?: BannerTone;
};

export declare const Banner: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "color" | "children"> & DataAttributes & {
    actions?: ReactNode;
    label: ReactNode;
    tone?: BannerTone;
} & import("react").RefAttributes<HTMLDivElement>>;