InlineAlert

The props declared for InlineAlert, generated from the types @proyecto-viviana/ui ships.

Import

import { InlineAlert } from "@proyecto-viviana/ui";

Props

Differs from @proyecto-viviana/solid-spectrum

variant adds 'warning', 'success'.

Props for InlineAlert in @proyecto-viviana/ui
Prop	Type	Default	Description
`children`	number \| boolean \| RenderedElement \| ArrayElement \| (string & {}) \| Node \| JSX.ArrayElement	—	The contents of the InlineAlert.
`autoFocus`	false \| true	—	Whether to automatically focus the InlineAlert when it first renders.
`variant`	'negative' \| 'warning' \| 'success' \| 'informative' \| 'neutral' \| 'positive' \| 'notice'	`'neutral'`	The semantic tone of an InlineAlert. `success`/`warning` alias `positive`/`notice`.
`fillStyle`	'border' \| 'subtleFill' \| 'boldFill'	`'border'`	The visual style of the InlineAlert.
`styles`	StylesProp \| (() => 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	—	Slotted context key.
`ref`	HTMLDivElement \| ((el: HTMLDivElement) => void) \| { current?: HTMLDivElement \| null \| undefined; }	—	Ref for the root alert element.
`class`	string	—	Backward-compatible class alias. Prefer UNSAFE_className for S2 parity.

Declared in packages/viviana-ui/src/inlinealert/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.