Installation Link

Copy the following to the <head>of your HTML

<link rel="stylesheet" href="https://design-with-ira.netlify.app/installationLinks/button.css">

Buttons are one of the key components in a site. No page on the web is complete without this cickable entity and its multitude of use. Buttons can be used for a range of purposes; from a simple close to triggers to dynamic changes in a web app. This also highlights the importance of designing them appropriately. Ira provides four different categories of buttons with four basic color properties. These color properties are also used to set the brand theme, and will be used in other components. To give a basic design to the buttons, add the btn class to the <button> tag.

Additional Classes

Classes based on usecase

The outline buttons can be used for the alternate choice buttons. The default button is based on the web app's background and text colors and blends in with it. The outline buttons also get their text color from the site's text color. The background buttons have their own text properties. To know more, refer theme colors on Docs Main page