Data displayVisual draft 0.1
Alert
Communicates a relevant status, warning, or recovery path in context.
CoreFoundational primitiveHTML first
01 / Preview
The current Angle direction.
Program saved as a draft
Publish when the member experience is ready.
02 / Decision
What this component must preserve.
Angle component decision
Name the condition, explain its effect, and provide the next action. Color supports the message but never carries it alone.
03 / Anatomy
Parts with a specific job.
Icon
01Title
02Description
03Action
0404 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Name the condition, explain its effect, and provide the next action. Color supports the message but never carries it alone.
Avoid
Do not create a one-off version that bypasses shared states, tokens, focus behavior, or the component decision documented here.