mi6 / mi6/ic-ui-kit

[ic-tree-view] add checkbox to tree items

Open
#2,245 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
53
Forks
63
Avg merge
2d 4h
Merged PRs (30d)
15

Description

## Summary
In the designs, there's a slot for adding a checkbox to tree items. This was left out initially to get a first iteration of tree view done quicker.

## 💬 Description
A checkbox on the right hand side of tree items.

Some considerations:
Does focusing the tree item focus the checkbox instead when there's one present?
If a parent tree item has a checkbox, do we want a prop to let the developer decide if we want that to be passed down to child tree items so they all have checkboxes too?
Will it be a slot that the user can control more or do we want it to be a prop so we have more control over the implementation? e.g. so someone doesn't add a status tag in the checkbox slot.

## 💰 Use value
Gives a different use case to tree view e.g. selecting multiple files at once.

## ✏ Designs
Screenshot 2024-08-01 at 12 57 55

Contributor guide

Open the contributing guide

Research direction

Start with the tree-view implementation and the linked design image, then resolve the open questions about focus behavior, parent-to-child propagation, and whether this is a slot or prop. Done means the agreed checkbox behavior is implemented for tree items and matches the design.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.