🚧 Under Construction

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

Splash Card Description

View in Pattern Lab

HTML Markup

<p class="hoo-splashcard-desc">
</p>

Overview

The Splash Card Description component provides supporting text content for Teams Splash Cards. It delivers additional information or context that complements the card title.

Features

  • 14px font size with 20px line height for optimal readability
  • Centered text alignment to match the overall card design
  • No top or bottom margins to control spacing within the card
  • Semantic paragraph element for proper document structure
  • Controlled visual weight to balance with the card title

Usage

Use the Splash Card Description component for:

  • Brief explanations of features or services
  • Welcome message supporting text
  • Instructions or next steps
  • Value propositions or benefits
  • Context for the call-to-action

SCSS Imports

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