Button Toggle

[LibbyUX]

Button Toggle

Angular Material Button Toggle in HRA styles:

• We will need exclusive select and multi-select functionality for this button
  • Single-select needed for future versions of CDE and Atlas Apps
  • Multi-select needed for future versions of EUI
  • More UIs will use a segmented button eventually

Resources

• Design System Components
• Design System Repo
• Design System Repo: Button Toggle Building Blocks

• 562

[LibbyUX]

@bhushankhope & I caught up just now about the need for this to occasionally have a fill behavior within certain containers. I also noticed I needed a medium sizes component. This component will always be designed in a container with a minimum width, so it responds correctly for users.

Please see updated:

• Design System Repo
• Design System Components

Examples

FTU

• Fill single select

CDE

• Condensed/hugged single select

[bhushankhope]

@LibbyUX updated the styles. Please review here

[LibbyUX]

@bhushankhope - Katy would prefer us hide the checkmark icon for this component. Can you please update in the design system? I have edited the design system repo & components file for this request.

• Mentioning @bherr2 & @axdanbol for visibility on this design system update request.

[bhushankhope]

@LibbyUX Working on it. Thanks

[bhushankhope]

@LibbyUX please review. Thanks Link

[LibbyUX]

Superseded by #775