docs(): update usage and examples

core/src/components/item-option/item-option.tsx

@@ -1,7 +1,6 @@
 import { Component, Prop } from '@stencil/core';
 import { Color, Mode } from '../../interface';
 
-
 @Component({
   tag: 'ion-item-option',
   host: {
@@ -14,16 +13,13 @@ import { Color, Mode } from '../../interface';
 })
 export class ItemOption {
   /**
-   * The color to use from your Sass `$colors` map.
-   * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-   * For more information, see [Theming your App](/docs/theming/theming-your-app).
+   * The color to use for the option
    */
   @Prop() color?: Color;
 
   /**
    * The mode determines which platform styles to use.
    * Possible values are: `"ios"` or `"md"`.
-   * For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
    */
   @Prop() mode!: Mode;
 
@@ -64,17 +60,17 @@ export class ItemOption {
         class="item-option-button"
         disabled={this.disabled}
         href={this.href}
-        onClick={this.clickedOptionButton.bind(this)}>
+        onClick={this.clickedOptionButton.bind(this)}
+      >
         <span class="item-option-button-inner">
-          <slot name="start"></slot>
-          <slot name="top"></slot>
-          <slot name="icon-only"></slot>
-          <slot></slot>
-          <slot name="bottom"></slot>
-          <slot name="end"></slot>
+          <slot name="start" />
+          <slot name="top" />
+          <slot name="icon-only" />
+          <slot />
+          <slot name="bottom" />
+          <slot name="end" />
         </span>
       </TagType>
     );
   }
-
 }