# Primary button vs secondary button

**URL:** <https://forum.inductiveautomation.com/t/primary-button-vs-secondary-button/56649>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 28, 2022, 8:51pm UTC](https://forum.inductiveautomation.com/t/primary-button-vs-secondary-button/56649 "2022-02-28T20:51:50Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 28, 2022, 9:11pm UTC](https://forum.inductiveautomation.com/t/primary-button-vs-secondary-button/56649/2 "2022-02-28T21:11:41Z")

</div>

They differ only in the `props.primary` true / false setting and provide a simple way of having two styles of button.

This could be a simple way of differentiating navigation buttons (that can be pressed without fear of switching something on or off) and action buttons (that will switch something on or off!). Many of the components now have options such as "row" or "column" options from the component menu to save a little work later on.

See this for a little more on the topic:

> [@Primary and Secondary Button Style](https://forum.inductiveautomation.com/t/primary-and-secondary-button-style/23832):
>
> There was a recent update to the button object that created a property called Primary which toggles between the primary and secondary style. How/where do you define what the secondary style is?

---

_[View the full topic](https://forum.inductiveautomation.com/t/primary-button-vs-secondary-button/56649)._