🚧 Under Construction

This component documentation is currently being developed. Some features may be incomplete.

Splash Card Footer

View in Pattern Lab

HTML Markup

<footer class="hoo-splashcard-footer">
</footer>

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