@n8d/htwoo-patterns
Version:
hTWOo Patterns to setup custom style guide
34 lines (23 loc) • 700 B
Markdown
title: Splash Card Header
order: 30
## Overview
The Splash Card Header component provides the visual top section for Teams Splash Cards. It typically contains a prominent image that helps identify the feature or content being highlighted.
## Features
- Flex display for content alignment
- Consistent 1rem padding
- Contains the splash card image
- Role="presentation" for accessibility
- Semantic header element
## Usage
Use the Splash Card Header component for:
- Feature or app logos
- Illustrative images that represent a concept
- Welcome graphics
- Product or service imagery
- Branded header elements
### SCSS Imports
**Main Component**\
@n8d/htwoo-core/components/cards
***