Loading
×Sorry to interrupt
CSS Error
Aura Component

Button Stateful

  • A button that toggles between states.

    Descriptor

    lightning:buttonStateful

    Targets

    Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App

Example Options

Basic Stateful Buttons

Code

<aura:component> <aura:attribute name="buttonstate" type="Boolean" default="false"/> <lightning:buttonStateful labelWhenOff="Follow" labelWhenOn="Following" labelWhenHover="Unfollow" iconNameWhenOff="utility:add" iconNameWhenOn="utility:check" iconNameWhenHover="utility:close" state="{! v.buttonstate }" onclick="{! c.handleClick }" /> </aura:component> 
Component
Controller
Example
Documentation
Specification