Favorite

A simple favorite button represented by an icon is used to toggle the "favorite" state of a certain item, for example used in search-result. It operates as a toggle button if you click it.

Default

px 

			
				<button class="a-favorite js-favorite  ">
	<span class="a-favorite__icon"></span>
</button>

Is enabled

px 

			
				<button class="a-favorite js-favorite  is-enabled">
	<span class="a-favorite__icon"></span>
</button>

Documentation

States

  • is-enabled

    State toggled on the root of the component to indicate if the favorite is toggled on. This will change the color and the icon.