<template>
  <div>
    <divider>default usage</divider>
    <span class="vux-loading" />
    <group>
      <cell title="Cell Loading">
        <span class="vux-loading" />
      </cell>
      <x-input
        title="XInput loading"
        disabled
        :required="false"
        :show-clear="false"
      >
        <span
          slot="right"
          class="vux-loading"
        />
      </x-input>
    </group>
  </div>
</template>

<script>
import { Group, Cell, Divider, XInput } from '../components/_index'

export default {
  components: {
    Group,
    Cell,
    Divider,
    XInput
  }
}
</script>

<style>
@import '../styles/loading.less';
</style>
