---
title: "Message"
id: "message"
description: "A Message shows and highlights important information."
---

## Overview

import Default from "@/demo/Message/Default";

<CodeSandbox {...Default} />

## Variants

import Variant from "@/demo/Message/Variant";

<CodeSandbox {...Variant} />

## Alert

import Alert from "@/demo/Message/Alert";

<CodeSandbox {...Alert} />

`isAlert` adds [`role="alert"`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/alert_role) attribute.
