Alert

Inline status banner for contextual feedback.

Basic Usage

Alert Variants

Info / Success / Warning / Error.

Demo will load when visible.

<template>
  <TxAlert title="Heads up" message="Check your configuration." type="info" />
  <TxAlert title="Success" message="Saved successfully." type="success" />
  <TxAlert title="Warning" message="Something needs your attention." type="warning" />
  <TxAlert title="Error" message="Save failed." type="error" />
</template>

Alert renders with role="alert", uses the shared TxIcon renderer for semantic leading icons, and emits close only from the close button. Set closable=false for persistent alerts, or showIcon=false for text-only banners.

API (Lite)

Property	Type	Description
type	infosuccesswarningerror	Visual intent
title		Alert title
message		Alert message
closable		Show close button
showIcon		Show leading icon

Alert

Alert

Basic Usage

Alert Variants

Interaction Contract

API (Lite)