Button with Icon

Button with a leading or trailing icon; position is switchable.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of React.ComponentProps<"button">

Prop	Type	Default	Description
icon	`React.ReactNode`	—	—
iconPosition	`"left" \| "right"`	`"left"`	—

$ npx shadcn@latest add https://chromotion.dev/r/button-with-icon.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.