---
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

***