Core Examples
Free and accessible Accordion React components with Base UI and Yumma CSS.
Base
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Default Open
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Disabled
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple Default Open
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Icon Examples
Leading
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Trailing
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Shape Examples
Square
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Squircle
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
More Examples
Bordered
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Ghost
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple Bordered
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple Ghost
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple Icons Left
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Multiple Subtle
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
No Separator
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.
Static
Subtle
Go to Team Settings to manage roles. Assign Admin, Member, or Viewer roles. You can also set project-specific permissions for each team member.
Visit Settings > Notifications. Choose what triggers email or in-app alerts. Filter by project, mention, or task status updates.
Create sprints from the Sprint page. Assign tasks from the backlog to the current sprint. Track progress with the burndown chart.