Action Required

Introducing the Action Required component, a customizable and visually engaging block designed to highlight urgent messages for users. Built with Angular Material, this component ensures seamless integration into modern web applications while maintaining a consistent Material Design aesthetic.

Key Features:

✅ Immediate Attention: Draws user focus to critical tasks or information.
✅ Customizable Styling: Adapt colors, typography, and icons to fit your app's theme.
✅ Responsive Design: Optimized for all devices, ensuring accessibility everywhere.
✅ Developer-Friendly: Easy to implement and configure with Angular's robust framework.

Perfect for dashboards, task management tools, or any application that requires actionable prompts, the Action Required component enhances user engagement and productivity.

Prop	Type	Default
actionText Indicates the type of event or action	string	Action Required
iconName Custom icon	string	error
description^* Full description of the event or action to be performed	string	–
buttonText^* Text on the button	string	–

Prop

Type

Default

actionText

Indicates the type of event or action

string

Action Required

iconName

Custom icon

string

error

description^*

Full description of the event or action to be performed

string

–

buttonText^*

Text on the button

string

–

Basic action required

API Reference