| 1 | ---
|
| 2 | title: CellItem
|
| 3 | preview: https://didi.github.io/mand-mobile/examples/#/cell-item
|
| 4 | ---
|
| 5 |
|
| 6 | Arrange vertically and display current contents, status and other allowable operations.
|
| 7 |
|
| 8 | ### Import
|
| 9 |
|
| 10 | ```javascript
|
| 11 | import { CellItem } from 'mand-mobile'
|
| 12 |
|
| 13 | Vue.component(CellItem.name, CellItem)
|
| 14 | ```
|
| 15 |
|
| 16 | ### Code Examples
|
| 17 |
|
| 18 |
|
| 19 | ### API
|
| 20 |
|
| 21 | #### CellItem Props
|
| 22 | |Props | Description | Type | Default | Note|
|
| 23 | |----|-----|------|------|------|
|
| 24 | |title|title|String|-|-|
|
| 25 | |brief|description text|String|-|-|
|
| 26 | |addon|help info text|String|-|-|
|
| 27 | |disabled|disable item operation|Boolean|`false`|-|
|
| 28 | |arrow|arrow indicator|Boolean|`false`|-|
|
| 29 | |no-border|remove border|Boolean|`false`|-|
|
| 30 |
|
| 31 | #### CellItem Events
|
| 32 | ##### @click(event)
|
| 33 | click event when not disabled
|
| 34 |
|
| 35 | #### CellItem Slots
|
| 36 |
|
| 37 | ##### default
|
| 38 | default content slot
|
| 39 |
|
| 40 | ##### left
|
| 41 | left content slot
|
| 42 |
|
| 43 | ##### right
|
| 44 | right content slot
|
| 45 |
|
| 46 | ##### children
|
| 47 | extra children slot
|