The Angular Split Button triggers a default action when the primary button is clicked and provides options for switching contexts when a drop-down button is clicked. It features built-in support for icons and their positioning, varied sizes, disabling items, separators, and RTL text.
You can make use of different split button sizes, default and small.
Users tend to perceive visual information better than text. The Angular Split Button has built-in options to include an icon to the left or above the text or provide an icon-only button.
The pop-up is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in a pop-up.
You can use a horizontal line separator to represent similar action items as a group within the list of available items.
The Angular Split Button is also available for React, Vue frameworks, built from their own Typescript libraries.
In Split Button, you have Component over all the UI elements and its behaviors. This provides the best user experience to users through a rich set of developer-friendly APIs.