Split-button (Rounded Style)

AdamWMoqrane commented 3 months ago

Check existing issues

[X] I have checked for existing issues to avoid duplicates

Description

Split Button Request with Rounded Style Description:

This feature request is for a split button that retains all the existing behaviors of the current rectangular split button but incorporates a rounded style. The rounded split button will have the following characteristics:

Appearance: The button will feature smooth, rounded edges for a modern, polished look while maintaining the same color scheme and iconography as the rectangular split button.
Functionality: The split button will continue to provide the same interactive behaviors, including the ability to toggle between primary and secondary actions. Users can click the main button for the primary action or click the dropdown arrow to access additional options.
Responsive Design: The rounded split button will adapt to various screen sizes and maintain its functionality and aesthetics across different devices and resolutions.
Accessibility: Ensuring that the rounded split button is fully accessible, with appropriate ARIA labels, keyboard navigation support, and focus indicators.
Consistent Behavior: The split button will preserve all existing behaviors, including hover effects, click animations, and state changes (e.g., active, disabled) to ensure a seamless transition for users familiar with the rectangular version.

By implementing this rounded style, the split button will provide a visually appealing and user-friendly experience while maintaining the robust functionality users rely on.

Acceptance Criteria

Maintain the following and add "Style rounded:

Relevant Info

No response

Which Component

Split Button

Example Use Case

No response

Priority impact

impact - p1 - need for current milestone

Calcite package

[X] @esri/calcite-components
[ ] @esri/calcite-components-angular
[X] @esri/calcite-components-react
[ ] @esri/calcite-design-tokens
[ ] @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Knowledge

geospatialem commented 3 months ago

Potentially related to the design token epic effort in https://github.com/Esri/calcite-design-system/issues/7180, targeted for July 2024.

geospatialem commented 1 month ago

Closing as a duplicate of https://github.com/Esri/calcite-design-system/issues/7458. Added the above context to this comment.

Esri / calcite-design-system