Doist/reactist

New Toggle Button

Opened this issue ยท 2 comments

๐Ÿš€ Feature request

Motivation

We have already introduced the concept of a "toggle button" in Todoist and this is something we're likely to use in other parts of the app. It looks like this:
image

Basically, it's just a normal button, but it also represents the on/off state of something.

Example

A sidebar component that can be opened by clicking a button, such as the unscheduled tasks sidebar in the upcoming Calendar layout:
image

Possible implementations

We should:

  • Add styling for the "active" state
  • Add distinct tooltip content for each the on/off state
  • Consider accessibility โ€” should this be a semantic checkbox?

@pawelgrimm shall I contribute to the project, by adding this feature.

Hi @Siddharth1605! We actually already have most of this feature implemented in Todoist, we just need to port it over to Reactist.