Installation
bunx shadcn@latest add https://maxwiseman.io/experiments/ui/button/jsonAdditions
The button component is based off of the shadcn/ui component by the same name, but with a few notable additions. The button component sports two new props: loading, and icon. The loading prop is a boolean that, when true, will disable the button and display a loading spinner in place of an icon. The icon prop takes a React component. The icon will be displayed to the left of the button children. Although you could pass an icon in the children, this would now allow for the icon to be hidden while the button is in the loading state. There is also no need to add margin to the icon, as it will be added automatically.