Add support for a trailing/right-side icon in Chip component #9287
CatLover01
started this conversation in
Feature requests
Replies: 1 comment
|
<Menu>
<Menu.Target>
<Button
variant="default"
radius="xl"
size="xs"
rightSection={<IconChevronDown size={14} />}
>
+15 more
</Button>
</Menu.Target>
<Menu.Dropdown>{/* remaining items */}</Menu.Dropdown>
</Menu> |
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Currently, when displaying a long list of items using chips, we need to cap the visible count (e.g., showing 5 out of 20 items) and place the remaining items inside an overflow menu. To maintain visual consistency across the UI, the menu trigger should look like a chip with a right-aligned indicator icon, such as a dropdown chevron. Adding a trailing icon prop to the Chip component would allow us to represent these overflow menus cleanly without making the chip appear selectable.
All reactions