LayX
Download
Getting started
Introduction Installation Quick Start CLI
Core Concepts
Overview
Customize
Customize
Layout System
Breakpoints Container Component Layout Component
Main
Base Typography
Components
Accordion Alert Breadcrumb Button Card Carousel Chart Dialog Draggable Form Footer Media Navbar Pagination Popover Sheet Section Tab Tooltip Window
Helpers
Flex and Grid Layout
Utilities
Border Color Display Flex Grid Height Margin Opacity Padding Position Shadow Width Z-index
Others
Background Dynamic Render Icon PWA Partial Render Scroll Driven Animation Smooth Scroll Syntax Highlighter Theme View Transition
About
Contributing License
Alert

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Examples

Here are examples of the Alert component:

A simple alert—check it out!
Useful Info

Here are some helpful tips for customizing and using the Alert component:

  • Customize the appearance with CSS variables:
    • --padding-x, --padding-y - Adjust horizontal and vertical padding.
    • --radius - Set the border radius for rounded corners.
    • --item-bg - Define the background color of Alert items.
    • --animation-duration - Set the speed of opening/closing transitions.
  • Apply the .modern class to make it modern.
  • Use the open attribute to make an item expanded by default.
See example