Skip to content

Update the RadioControl header design #63734

Open
@jarekmorawski

Description

There's a new design for displaying help text for the itemGroup component introduced as part of #63490, which repositions the help text to align with the item labels. This makes the itemGroup's help text look off because it stands out from other help texts. This dissonance is particularly visible when the last item in the group has a help text.

I propose moving the itemGroup's help text to the top, similar to the form section heading. This will clean up the UI and make referring to the help text easier while scanning longer item lists.

image

The new layout doesn't work with the current heading style, so we can take this opportunity to update that, too. Ideally, these changes would apply to all UI control groups: radio, checkboxes, toggles, etc.

image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    Design SystemIssues related to the system of combining components according to best practices.Needs Accessibility FeedbackNeed input from accessibilityNeeds DecisionNeeds a decision to be actionable or relevantNeeds DevReady for, and needs developer efforts[Package] Components/packages/components

    Type

    No type

    Projects

    • Status

      No status
    • Status

      Needs Dev
    • Status

      🔦 Needs triage

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions