Skip to content

nimble-switch 32px design #3013

Description

@rajsite

🎨 Visual Design Request

📌 Request Background

Currently we have switch designs for 24px and 16px switches in figma (switch figma).

But we have usages for placing switch controls next to 32px controls (text-field, etc). Currently we align labels and leave a gap at the bottom of the switch:

Image

But this approach would not work well for error-text alignment, etc. We should have a 32px switch defined which considers error-text placement, etc. One idea may be to center the switch instead of having the switch flush to the top of the control. Another is to keep the switch flushed to the top and have the larger gap to the error-text and have the specified in figma as the switch 32 design.

🎯 Core Requirements

🍆 Non-requirements

🥅 Acceptance Criteria

  • Visual Design Spec submitted (link)
  • Visual Design Spec reviewed by design team
  • Visual Design Spec reviewed by dev team

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageNew issue that needs to be reviewedvisual designVisual design work item

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions