ion-item,css-prop,--ripple-color,md

ion-item,css-prop,--transition,ios

ion-item,css-prop,--transition,md

ion-item,part,container

ion-item,part,detail-icon

ion-item,part,inner

ion-item,part,native

ion-item-divider,shadow

* @slot end - Content is placed to the right of the item text in LTR, and to the left in RTL.

*

* @part native - The native HTML button, anchor or div element that wraps all child elements.

* @part inner - The inner wrapper element that arranges the item content.

* @part container - The wrapper element that contains the default slot.

* @part detail-icon - The chevron icon for the item. Only applies when `detail="true"`.

*/

@Component({

{...clickFn}

>

<slot name="start" onSlotchange={this.updateInteractivityOnSlotChange}></slot>

<div class="item-inner">

<div class="input-wrapper">

<div class="item-inner" part="inner">

<div class="input-wrapper" part="container">

<slot onSlotchange={this.updateInteractivityOnSlotChange}></slot>

</div>

<slot name="end" onSlotchange={this.updateInteractivityOnSlotChange}></slot>