Inline Notification

Inline Notification displays a contextual message within the surrounding content, conveying success, warning, error, or informational feedback.

Import#

import { InlineNotification } from '@volue/wave-react';

Examples#

Sizes#

InlineNotification supports two sizes: medium and small. The default size is medium.

Types#

There are four types of InlineNotification: success, warning, error, and info. The default type is info.

Emphasis#

InlineNotification supports two emphasis styles: regular (default) and bold. Bold emphasis tints the message text to match the type, reinforcing the severity or importance of a message.

API Reference#

Prop	Type	Default
`css`	`StitchesCSS`	No default value
`size`	`enum`	`"medium"`
`type`	`enum`	`"info"`
`emphasis`	`enum`	`"regular"`