canonical / canonical/vanilla-framework

Expand existing card component to include rebranded variant

Open
#5,319 2 comments 0 reactions 0 assignees View on GitHub
Vanilla WG WG: Validated
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Component/pattern to amend

https://vanillaframework.io/docs/patterns/card

## Visual

![image](https://github.com/user-attachments/assets/934c0efb-5641-4006-8f98-11adfa792d45)

## Context

We're using these increasingly across recent rebranding builds, but there's really no best practice in place for implementation. We're currently using a mixture of existing vanilla classes and some custom styles to match the design, but given that the existing card variants are barely used anymore it seems appropriate that this new variant be officially upstreamed

Contributor guide

Open the contributing guide

Research direction

Start with the card pattern documentation at the linked Vanilla Framework page and compare the existing variants with the supplied visual. Trace where the current card component styles and documentation are defined; done means the rebranded variant has an established upstream implementation and documented usage consistent with the design.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.