Skip to content

Replace <Checkbox> with KDS Component, KCheckbox #3098

@marcellamaki

Description

@marcellamaki

Currently in Studio we are using the <Checkbox/> component, rather than the KDS KCheckbox. To standardize user experience and get the benefits of using our design system, we should use the <KCheckbox/> in place of <Checkbox/>

The user should not experience major changes, and all checkboxes should continue to work as they were before

Considerations

It is used 43 times, across 29 files, in Studio. Replacing the components should be fairly straightforward, as there are no additional layers on interconnection or dependencies found while preparing the issue.

The props for KCheckbox are available in the design system documentation, as well as additional information about events and methods.

note:

While making this update, an additional goal/benefit would be to ensure that when converting the component, that the usage of a checkbox at all follows our KDS guidance about when checkboxes are appropriate:

The checkbox is generally used to select one of two possible values in a form. It should not be used to make real-time changes; for this situation, use a KSwitch component instead.

If there are any instances where KSwitch would be better, it would be helpful to either make those changes or create a new issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2 - normalPriority: Nice to have

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions