ReferenceComponentsFeedback
AlertProps
AlertProps component contract.
Type
export interface AlertProps
extends SlottedComponentProps<
{
root: BoxProps;
icon: TextProps;
title: TextProps;
content: TextProps;
},
{ readonly tone: Tone }
> {
readonly id?: string;
readonly testId?: string;
readonly label?: string;
readonly description?: string;
readonly disabled?: boolean;
readonly readOnly?: boolean;
readonly tone?: Tone;
readonly title?: string;
readonly children?: ReactNode;
}Members
| Member | Type | Required | Description | Related types |
|---|---|---|---|---|
id | string | undefined | No | The id member uses the string | undefined contract. | — |
testId | string | undefined | No | The testId member uses the string | undefined contract. | — |
label | string | undefined | No | The label member uses the string | undefined contract. | — |
description | string | undefined | No | The description member uses the string | undefined contract. | — |
disabled | boolean | undefined | No | The disabled member uses the boolean | undefined contract. | — |
readOnly | boolean | undefined | No | The readOnly member uses the boolean | undefined contract. | — |
tone | Tone | undefined | No | The tone member uses the Tone | undefined contract. | — |
title | string | undefined | No | The title member uses the string | undefined contract. | — |
children | ReactNode | No | The children member uses the ReactNode contract. | — |
slots | Partial<SlotComponents<{ root: import("../../../registry/primitives/box").BoxProps; icon: import("../../../registry/data-display/text").TextProps; title: import("../../../registry/data-display/text").TextProps; content: import("../../../registry/data-display/text").TextProps; }>> | undefined | No | The slots member uses the Partial<SlotComponents<{ root: import("../../../registry/primitives/box").BoxProps; icon: import("../../../registry/data-display/text").TextProps; title: import("../../../registry/data-display/text").TextProps; content: import("../../../registry/data-display/text").TextProps; }>> | undefined contract. | BoxProps, SlotComponents, TextProps |
slotProps | Partial<SlotProps<{ root: import("../../../registry/primitives/box").BoxProps; icon: import("../../../registry/data-display/text").TextProps; title: import("../../../registry/data-display/text").TextProps; content: import("../../../registry/data-display/text").TextProps; }, { readonly tone: "info" | "success" | "warning" | "danger"; }>> | undefined | No | The slotProps member uses the Partial<SlotProps<{ root: import("../../../registry/primitives/box").BoxProps; icon: import("../../../registry/data-display/text").TextProps; title: import("../../../registry/data-display/text").TextProps; content: import("../../../registry/data-display/text").TextProps; }, { readonly tone: "info" | "success" | "warning" | "danger"; }>> | undefined contract. | BoxProps, SlotProps, TextProps |
unstyled | boolean | undefined | No | The unstyled member uses the boolean | undefined contract. | — |
variant | string | undefined | No | The variant member uses the string | undefined contract. | — |
size | "sm" | "md" | "lg" | undefined | No | The size member uses the "sm" | "md" | "lg" | undefined contract. | — |