Skip to content

Add a traffic light style theme to the checkbox component #7736

Open
@MatthewVaadin

Description

@MatthewVaadin

Describe your motivation

In some contexts, it is useful to have a checkbox component that uses red/green rather than the default grey/blue. For example:

  • To make a particular setting stand out or convey importance, such as enabling/disabling an entire section/module/service
  • To align with other UI elements that use red for error/off and green for ok/on

Describe the solution you'd like

I would like a theme that can be set on the checkbox component so that it uses red for unchecked, green for checked and amber/yellow for indeterminate. The unchecked state would no longer look "empty" so may require a symbol to be used (e.g. a cross).

Describe alternatives you've considered

Up to now, I have been using my own custom style sheet, but was encouraged to submit this for others to use.

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions