Skip to content

Inconsistent label styling #1284

Open
Open
@bndw

Description

@bndw

I'm building out a settings panel using Evergreen and noticed the label styling is inconsistent between the RadioGroup and SelectField components. Visually, it appears the only inconsistency is the color attribute but I did notice RadioGroup uses a span instead of a label element.

RadioGroup

  • Element: span (unexpected)
  • Color: color: rgb(105, 111, 140);

image

SelectField

  • Element: label
  • Color: color: rgb(16, 24, 64); (unexpected)

image

Real world example

The label inconsistency is notable when using the two components together:
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions