🚧 Under Construction

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

Splash Card Title

View in Pattern Lab

HTML Markup

<h1 class="hoo-splashcard-title">Fluent UI / Fluent Design by hTWOo UI Framework</h1>

Overview

The Splash Card Title component provides the main heading for Teams Splash Cards. It uses a larger font size and centered alignment to create visual emphasis for feature highlights.

Features

  • 18px font size for greater visibility
  • Centered text alignment
  • Maximum width of 320px with auto margins
  • Bottom margin of 0.5rem for proper spacing
  • Uses semantic H1 element for proper document structure

Usage

Use the Splash Card Title component for:

  • Feature announcements or introductions
  • Welcome messages
  • Getting started information
  • App or service highlights
  • Primary call-to-action entry points

SCSS Imports

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