IllustratedMessage
The props declared for IllustratedMessage, generated from the types @proyecto-viviana/ui ships.
Import
import { IllustratedMessage } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | The content to display in the IllustratedMessage. |
size | 'S' | 'M' | 'L' | 'M' | The size of the IllustratedMessage. |
orientation | 'horizontal' | 'vertical' | 'vertical' | The direction that the IllustratedMessage should be laid out in. |
styles | StylesPropWithHeight | (() => StyleString | undefined) | — | Spectrum-defined styles, returned by the `style()` macro. |
UNSAFE_className | string | UnsafeClassName | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
slot | string | — | Not yet documented |
ref | HTMLDivElement | ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null | undefined; } | — | Not yet documented |
illustration | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Legacy shortcut. Prefer passing an Illustration child. |
heading | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Legacy shortcut. Prefer passing a Heading child. |
description | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Legacy shortcut. Prefer passing Content children. |
class | string | — | Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. |
itemID | string | — | Not yet documented |
Declared in packages/viviana-ui/src/illustratedmessage/index.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.