Action Card Header

Description

The Action Card Header component is a reusable element designed to create consistent headers for action cards. It combines an icon with a title, providing a visually appealing and informative header for various types of action cards.

Parameters

Name Type Default Description
title string|null null The title text to be displayed in the header.
icon string|null null The name of the icon to be displayed. This should correspond to an icon available in the UxLibrary Icon component.

Example

Header
<x-uxlibrary.cards.action-card-header title="Header" icon="connection" iconColor="secondary" />