Alert

A message that stays on the page: a status, a warning, a banner across the top of a view. The kit adds a neutral type and a three-level emphasis.

Preview in Figma LLMs

Overview

Design

Design

The component in its Figma file, with its variants and states. The table lists the Figma component's properties, which are not the React props: see the Code tab for those.

Alert

Alert Close

Alert Title

Alert Content

Alert Extra

On This Page