search

Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
280 stars 77 forks source link

[calcite-menu] add an option to show active indicator at the start instead of end #8704

Open rpanichakit9541 opened 7 months ago

rpanichakit9541 commented 7 months ago

Check existing issues

Description

Currently when using calcite-menu with layout="vertical", the active indicator of the calcite-menu-item always show up at the end (right side) of the item. In contrast, if I use calcite-list with selection-appearance="border" it shows the selected indicator at the front.

Can we expose a prop so the user can choose to switch the active indicator to the front instead?

Acceptance Criteria

Add a way to be able to configure calcite-menu to show active indicator at the front of the item

Relevant Info

No response

Which Component

calcite-menu calcite-menu-item

Example Use Case

Here's a repro example to show the contrast between calcite-menu and calcite-list https://codepen.io/rpanichakit/pen/yLwqGzw?editors=100

Here's a link to the issue from a designer requesting the active indicator position change https://devtopia.esri.com/WebGIS/arcgis-portal-app/issues/48951

Priority impact

p4 - not time sensitive

Calcite package

Esri team

ArcGIS Online

geospatialem commented 1 month ago

Design expertise sought for implementation alongside the indicator at the end of the component.