Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Component Design Audit v1.2 - Checkbox

See original GitHub issue

Checkbox

~~Inside needs to be block versus rounded (is this do-able?)~~ post-v10 at the earliest, if at all
~~Investigate using SVG for checkbox icon (is this do-able?)~~ post-v10 at the earliest, if at all
The stroke weight of the check is fatter than the dash
Vertical distance between checkbox groups should be 8px

remove margin-top from checkbox when placed below a label

Issue Analytics

State:
Created 5 years ago
Comments:10 (9 by maintainers)

Top GitHub Comments

1reaction

jeanservaascommented, Feb 21, 2019

No we are good! Thanks!

1reaction

jeanservaascommented, Feb 20, 2019

Hi @emyarod

I think ultimately what we care about is what it looks like, not so worried about whether we build in with css or use the svg. We were just thinking it might be harder to achieve the radius corner with the square inset in CSS… @shixiedesign mentioned we might just have to change the way it’s built in CSS by overlaying two shapes on each other.

Anyway, figuring this out may be beyond the scope for v10, which I totally understand. Thanks for your help!

Top Results From Across the Web

Checkbox component - Carbon Design System

Checkboxes are used when there are multiple items to select in a list. ... Used to filter data either on a page, in...

Auditing design system health with time and a spreadsheet

There are many reasons and ways to audit a design system. The most frequent is probably auditing the suite of products you have...

Redesigning a fragmented checkbox design system ...

First is the difficulty in locating multiple instances of a UI component from various design files. Second is the difficulty in manually ...

Checkbox - Examples - Components - Atlassian Design System

A checkbox is an input control that allows a user to select one or more options from a number of choices.

Checkbox - Lightning Design System

Custom checkboxes are created by applying the .slds-checkbox class to a <label> element. To remain accessible to all user agents, place <input> with ......