canonical / canonical/vanilla-framework

Buttons variants

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

Description

Buttons
https://vanillaframework.io/docs/patterns/buttons

We currently have a very limited set of colors we can use for buttons, which is good for sites, but very limiting for more complex apps.

To show hierarchy and signal meaning we would need Default button also in red (negative) and blue (link color), including the icon color.

![Screenshot 2024-08-07 at 09 49 22](https://github.com/user-attachments/assets/f6974748-5e9f-442b-9687-dc5fdcc18acf)

Contributor guide

Open the contributing guide

Research direction

Start with the Buttons documentation at https://vanillaframework.io/docs/patterns/buttons and compare it with the current button styles. Trace how the Default button and its icon color are defined, then add red negative and blue link-color variants; done means both variants render with matching icon colors and are represented in the documentation.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, sass
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.