# Field

Arrange vertically and display current contents, status and other allowable operations.

# Import

import { Field, FieldItem } from  'mand-mobile-next'

Vue.createApp().component(Field.name, Field)
Vue.createApp().component(FieldItem.name, FieldItem)

# Code Examples

# API

# Field Props

When use disabled prop, its descendants can use injectto have access of Field ancestor.

export default {
  name: 'your-component',

  inject: {
    rootField: {
      from: 'rootField',
      default: () => ({})
    }
  },

  computed: {
    disabled() {
      return this.rootField.disabled
    }
  },
}

# Field Slots

# default

default content slot

# header

header content slot

# action

header action slot

# footer

footer content slot

# FieldItem Props

# FieldItem Events

# @click(event)

click event when not disabled

# FieldItem Slots

# default

default content slot

# left

left content slot

# right

right content slot

# children

extra children slot