Components
IconButton
Button that combines an icon with an optional label, suitable for toolbars and compact action areas.
Import
import { IconButton } from '@pros/atlas';Usage
When To Use
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Anatomy
- Label: Lorem ipsum dolor sit amet.
- Icon (Optional): Consectetur adipiscing elit.
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Guidelines
Do's
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Don'ts
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Accessibility
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
API Reference
The IconButton component accepts the following props.
Prop
Type