Callout

fandhe-frontend-pre-styled-ui の callout mod が提供するスタイル済み Callout 部品です。

本文フロー中に置く補足情報を強調表示する静的な部品です。Alert と異なり role="alert"（WAI-ARIA live region）を付与しないため、支援技術への割り込み通知を発生させません。強調の意味づけは variant（soft/surface/outline）と colorPalette の組み合わせのみで表現し、緊急度の意味論は持ちません。

Demo

本文フロー中に置く補足情報。alert と異なり live region ではなく role を付与しません。variant（soft / surface / outline）と colorPalette を組み合わせます。

Soft variant の補足情報です（本文中の強調表示）。

Surface variant の補足情報です（本文中の強調表示）。

Outline variant の補足情報です（本文中の強調表示）。

Accent

Info

Success

Warning

Danger

Features

CalloutVariant（Soft/Surface/Outline、crates/pre-styled-ui/src/callout.rs:34-42）で見た目を切り替える
colorPalette 軸（callout.rs:60-67）でセマンティック色を選択する
root/icon/text の 3 パーツで補足情報を構造化できる（callout.rs 全文参照）
alert と異なり role を一切付与しない静的な補足表示部品（callout.rs:1-18 module doc）

Anatomy

root
  icon
  text

API Reference

Arguments

Name	Type	Default	Description
variant	CalloutVariant	Soft	見た目（callout.rs:34-42、#[default] は Soft）。
size	Size	Md	サイズ（callout.rs:60-67）。
palette	ColorPalette	Accent	colorPalette 軸（callout.rs:60-67）。

Examples

Surface

Surface variant の Callout を icon + text で組み立てた例です。

Heads up: this is supplementary info

Accessibility

WAI-ARIA

Attribute	Description
(該当なし)	固有の role/aria-* を出力しない。alert と異なり live region ではないため支援技術へ割り込み通知をしない（callout.rs module doc 参照）。