# AlertProps

Source: /tuil/docs/reference/components/feedback/alert-props
Locale: en

AlertProps component contract.



{/* Generated by tooling/docs/generate-reference.ts. */}

## Type [#type]

```ts
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 [#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<&#123; 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; &#125;>> \| undefined`                                                                        | No       | The `slots` member uses the `Partial<SlotComponents<&#123; 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; &#125;>> \| undefined` contract.                                                                            | [`BoxProps`](/tuil/docs/reference/packages/ink/api/box-props), [`SlotComponents`](/tuil/docs/reference/packages/theme/api/slot-components), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props) |
| `slotProps`   | `Partial<SlotProps<&#123; 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; &#125;, &#123; readonly tone: "info" \| "success" \| "warning" \| "danger"; &#125;>> \| undefined` | No       | The `slotProps` member uses the `Partial<SlotProps<&#123; 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; &#125;, &#123; readonly tone: "info" \| "success" \| "warning" \| "danger"; &#125;>> \| undefined` contract. | [`BoxProps`](/tuil/docs/reference/packages/ink/api/box-props), [`SlotProps`](/tuil/docs/reference/packages/theme/api/slot-props), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props)           |
| `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.                                                                                                                                                                                                                                                                                                                                                           | —                                                                                                                                                                                            |

## Source [#source]

[View the secondary source reference](https://github.com/mwillbanks/tuil/blob/main/registry/feedback/alert.tsx)