Quick action

Lists one or more compact horizontal boxes with a title, description, and button. Used to provide quick navigation to relevant or related pages based on the current topic.

Live Preview
Use caseOffer visitors a clear and compact way to navigate to next steps or related content.
Page speed impactLow, unless large unoptimized images are added. Use optimized SVG files whenever possible, or optimize JPG/PNG images with TinyPNG. Enable image lazy loading for images below the fold.
Available in pagesYes
Reserved block classquick-action
Relevant filescss/components/quick-action.css

Quick demo


Good to know