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

hTWOo Patterns to setup custom style guide

---
title: Card Location
order: 20
---

## 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

***