mi6 / mi6/ic-ui-kit

Internal issue 3047 - Align Toggle Button sizes to Button sizes

Open
#3,526 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

* Toggle icon buttons have 3 sizes; Medium (40x40), Small (32x32), Large (48x48)
* Icon buttons have 3 sizes; Small (24x24), Medium (32x32), Large (40x40)
* Toggle buttons have 3 sizes; Medium (H:40), Small (H:32), Large (H:48)
* Buttons have 3 sizes; Small (H:32), Medium (H:40), Large (H:48)

 

This bug is to adjust Toggle buttons as follows;
# Toggle icon Button
## Adjust small variants to 24x24 sizing
## Adjust Medium to 32x32 sizing
## Adjust Large sizing to 40x40

This will need to be done in Figma design file first before handing over to development to change

Contributor guide

Open the contributing guide

Research direction

Start with the Figma design file, as requested, and compare the Toggle icon Button variants with the stated Button sizes. Done means Small is 24x24, Medium is 32x32, and Large is 40x40, after which development can update the component.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma, typescript
Domain
design, frontend
Issue type
Bug
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.