layout: "docs_api" version: "1.1.0" versionHref: "/docs" path: "api/directive/ionOptionButton/"

title: "ion-option-button" header_sub_title: "Directive in module ionic" doc: "ionOptionButton"

docType: "directive"

ion-option-button
Child of ionItem

Creates an option button inside a list item, that is visible when the item is swiped to the left by the user. Swiped open option buttons can be hidden with $ionicListDelegate#closeOptionButtons.

Can be assigned any button class.

See ionList for a complete example & explanation.

Usage

<ion-list>
  <ion-item>
    I love kittens!
    <ion-option-button class="button-positive">Share</ion-option-button>
    <ion-option-button class="button-assertive">Edit</ion-option-button>
  </ion-item>
</ion-list>