Buttons

Buttons are used to clearly communicate an action or actions to a user. They can consist of text, an icon, or both depending on the type of action the button is conveying. Buttons come in various styles depending on the environment in which they live, as well as, the action in which they convey. For example, Raised Buttons exist on the canvas. Flat Buttons, on the other hand, live on surfaces that are already raised such as, cards, modals, or panels. A button's color is determined by it's context. A Primary Button will always be Emarald while a Secondary Button will always be Blue. Other buttons that are neither primary or secondary are defaulted to the Default Button Style - grey.