Search/

Checklist assistant

Last modified:

A top-level helper to that gives the user a checklist of actions or tasks.

Example of Checklist assistant - default

React documentation

Last modified:

ℹ️ This feature doesn’t have a corresponding React component yet.

HTML

Last modified:

Add .bc-checklist-assistant to an HTML element.

Design

Last modified:

Use the --complete item variant for complete[d] checklist items.

Implementers must disable completed anchors by setting their:

  • href value to null
  • aria-disabled="true".

Accessibility

Last modified:

Use to compose high-level todo lists, such as important tasks for new users.

Avoid using this deeper within a process flow; present this to users in dashboards or top-level indexes.

Rationale

Last modified:

See also

Last modified: