Icon Button
Icons buttons are subtle triggers for actions. They are visual, clickable elements that represent and provide access to functions, commands, files, devices or directories, as well as common actions.
On this page
Interactive Demo
This demo lets you preview the icon button component, its variations, and configuration options.
Loading preview
Component Variations
There are two icon button variations.
1. Icon Button
An icon button completes an action. Use icon button for common actions such as close, open modal or menu.
2. Icon Toggle ButtonNew
An icon toggle button only has two actions on and off, for example bookmarking and un-bookmarking. Use for common actions such as bookmarking, favourites, and show/hide password.
Questions?
Connect with the DLS Team on Slack or by email.
Resources
Check out additional resources.