Level: molecule.
Purpose and use
Provide the semantic decorative symbol inside Toast and similar status messages. Use Icon for arbitrary imagery; this component intentionally fixes the four mappings.
Anatomy, behavior, and accessibility
- A styled wrapper renders one large shared icon: info→alert-info, success→alert-success, warning→alert-warning and danger→alert-danger.
- type changes both semantic color class and icon. There are no actions, label, content slot, alternate sizes or loading/disabled states.
- The entire wrapper is aria-hidden. The surrounding message must name the status in text and provide any live-region semantics; this icon never announces a notification by itself.
Local component contract
This is the active owned contract for component.toast-setting-icon. The API below
is verified against the current local implementation, focused test and story.
The Source commit 0112cba0779a2d2a4b6c7a17243201694344d70a remains
migration provenance, not the runtime owner.
Classes and selectors
WblToastSettingIconComponent—wbl-toast-setting-icon(src/app/design-system/patterns/toast-setting-icon/toast-setting-icon.component.ts).
Inputs
WblToastSettingIconComponent.type = input<WblToastSettingIconType>('info')
Public types and allowed values
type WblToastSettingIconType = 'info' | 'success' | 'warning' | 'danger';
Models
- None.
Outputs
- None.
Slots and projection markers
- The exact template has no Angular content-projection slot.
Local evidence
- Code:
src/app/design-system/patterns/toast-setting-icon/toast-setting-icon.component.ts. - Focused test:
src/app/design-system/patterns/toast-setting-icon/toast-setting-icon.component.spec.ts. - Public export:
export * from './patterns/toast-setting-icon/toast-setting-icon.component';insrc/app/design-system/index.ts. - Storybook:
storybook/stories/toast-setting-icon.stories.ts(Design System/Patterns/wbl-toast-setting-icon).
Figma status
This runtime contract does not infer a Figma owner. Assembly evidence, when verified, is maintained separately through the inventory-linked sidecar.
Provenance
The archived source-document copy is historical evidence only. The active resolver is local code/test/export and the exact Storybook story above.