Button Secondary 2 - Secondary button with left icon

Pro

Secondary button with leading icon.

Shadcn Button Secondary 2 component

Component data

ID
button/button-secondary-2
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Secondary 2 component design & features

This button adds a leading icon before the label using the shadcn Button secondary variant. Icons clarify action type without changing button behavior or accessibility roles.

Icon-left buttons are common for create/add actions, navigation back controls, and download triggers where the pictogram reinforces meaning.