@n8d/htwoo-patterns/_patterns/molecules/cards-elements/card-splash-footer.md

hTWOo Patterns to setup custom style guide

---
title: Splash Card Footer
order: 30
---

## Overview

The Splash Card Footer component provides action buttons for Teams Splash Cards. It typically contains primary and secondary action buttons that are centered at the bottom of the card.

## Features

- Flex column layout for stacked buttons
- Fixed width of 290px for consistent button sizing
- Centered alignment with auto margins
- 0.5rem gap between buttons
- Box shadow elevation on button elements
- 2rem margins above and below for proper spacing

## Usage

Use the Splash Card Footer component for:

- Primary and secondary call-to-action buttons
- "Get Started" or "Learn More" actions
- Feature activation buttons
- Configuration or preference options
- Navigation or workflow steps

### SCSS Imports

**Main Component**\
@n8d/htwoo-core/components/cards

***