@n8d/htwoo-patterns/_patterns/organism/cards/document-card-click.md

hTWOo Patterns to setup custom style guide

---
title: Document Card Click
order: 14
---

# Document Card - Clickable

The Document Card Clickable variant provides enhanced click handling and interaction features while maintaining the core structure and functionality of the standard Document Card. This variant is optimized for scenarios requiring additional click behavior or custom interaction patterns.

## Overview

This variant extends the basic Document Card with enhanced click handling capabilities, allowing for more sophisticated interaction patterns while preserving the adaptive layout and accessibility features of the standard card.

## Features

- **Enhanced Click Handling**: Additional click event processing and feedback
- **Custom Interaction**: Support for complex interaction patterns
- **Adaptive Layout**: Maintains flexible width and container adaptation
- **Standard Structure**: Uses the same molecular components as base Document Card
- **Accessibility**: Preserves keyboard navigation and screen reader support

## Usage

Ideal for scenarios requiring:
- Custom click analytics or tracking
- Multi-action card interfaces
- Specialized navigation patterns
- Enhanced user feedback

## Structure

Uses the same structure as the standard Document Card:
1. **Card Image**: Visual preview or thumbnail
2. **Card Location**: Source or category information  
3. **Card Title**: Document name or headline
4. **Card Footer**: Author, date, and metadata

## SCSS Import