mi6 / mi6/ic-ui-kit

Implement ic-popover component

Open
#4,033 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
We have a popover menu component at the moment, but it only accepts menu items being slotted in and will only accept clicks on menu items otherwise the popover menu will close. We should create a simpler popover component that isn't necessarily a menu so can have anything slotted in.

### 💬 Description
Like a mixture of a dialog and the popover menu component.

It should have the same styling as popover menu but just allow any slotted content like dialog does.

We've had a couple of requests for being able to click different things within popover menu, but it would make more sense to not scope creep on that component and instead create a separate simpler component.

### 💰 User value
Having simpler components allows more flexibility.

### ✏ Designs
Won't necessarily needed updated designs as we may want it to look the same as popover menu, but we will need the popover component in Figma.

Contributor guide

Open the contributing guide

Research direction

Start by reading the existing popover menu and dialog components to compare their styling, interaction, and slot behavior. Implement a separate popover that accepts arbitrary slotted content while retaining the popover menu styling, then verify that content inside it can be interacted with without closing it. Check the requested component against the planned Figma design when available.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.