🚧 Under Construction

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

Card Location

View in Pattern Lab

HTML Markup

<div class="hoo-cardlocation">Marketing</div>

Overview

The Card Location component displays the source or path information for content within a card. It provides context about where the displayed content originated or is stored.

Features

  • Smaller font size (12px) for supplementary information
  • Semibold font weight (600) for better readability
  • Theme-colored text (theme-600) to differentiate from regular content
  • Consistent padding (10px top, 12px horizontal, 8px bottom)
  • Single line display with overflow handling

Usage

Use the Card Location component to display information such as:

  • File path or directory location
  • Website URL or domain
  • Content source or repository
  • Section or category information
  • Parent collection name

SCSS Imports

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