Team Section Card
Banner cards use interactive and clickable features to engage users, enhancing the presentation of content effectively.
Overview
Usage
When to use this component?
Banner cards prominently display key information, special offers, or critical updates. They are particularly effective in engaging users and guiding them towards desired actions within a visually concise and interactive format.
How it works
Banner cards combine elements like clickable features and concise informational displays. These components seamlessly work together to present information in an engaging way, encourage user interaction, and drive engagement, thus enhancing the overall user experience with interactive and visually appealing content.
Code
<dda-teamsection-card
image_src="static/media/public_images/Teammembercard.svg"
header_text="Jeffery Walker"
body_text="Cloud Architect"
custom_class="dda-w-50 my-custom-class"
component_mode=""
card_type="variant-one"
></dda-teamsection-card>Properties
image_src
Path to the profile or avatar image displayed on the card.
string
header_text
The name or title shown on the card, typically used for team member names (e.g., "Jeffery Walker").
string
body_text
Subheading or role designation for the individual (e.g., "Cloud Architect").
string
custom_class
Optional custom CSS classes for styling adjustments or layout control (e.g., width, margins).
string
component_mode
Optional mode for visual or functional variation (e.g., light/dark theme or layout variant).
string
card_type
Defines the visual variant or structural layout of the card (e.g., variant-one, variant-two, variant-three, variant-four, variant-five, variant-six, variant-seven, variant-eight )
string
Last updated