iUXING
Version
1.0
home
Home
info
About Initiative
draw
DGA Design System
code
Developing
keyboard_arrow_right
Developing
Components
keyboard_arrow_right
Actions
Buttons
DropDown
Link
Content Display
Accordion
Card
List
Data Display
Avatar
Table
Content Switcher
Structured List
Feedback
Notifications
Inline Alert
Notifications Toast
Modals
Tool Tip
Rating
Froms & Inputs
Checkbox
Text Input
Date Picker
File Upload
Radio Button
Steps
Switch
Text Area
Loading & Status
Loading
Navigational
Breadcrumbs
Menu
Pagination
Tabs
Search & Filters
Tags
UI Shell
Navigation
Table of Content
Footer
nature
Icons Set
keyboard_arrow_right
Icons Use Guide
Icons Directory
Our Services
grid_view
Request Component
settings_applications
Service Request
data_object
Low Code Platforms
Support & Help
support_agent
Support
Full Version
local_police
Featured Version
menu
mail
call
العربية
Inline Alert
Inline alerts are essential tools for conveying information to users about updates or changes within the system. They are categorized into inline, toast, and actionable alerts, each serving distinct purposes within user interactions.
Compnent Demo
preview
Visual
code
Code
Section Title
section brief comes here with good space for content
Action
Action
<div class="alert light-info" role="alert">
<div class="alert-text">
<span>
<i class="icon-block dga-icon md light info rounded dga-arrow-data-transfer-diagonalStrokeRounded-solid"></i>
</span>
<div class="alert-details">
<h6>Section Title</h6>
<span>section brief comes here with good space for content</span>
</div>
</div>
<div class="alert-action">
<button type="button" class="dga-btn btn-md dga-transparent">Action</button>
<button type="button" class="dga-btn btn-md dga-transparent">Action</button>
</div>
</div>