<template>
  <div class="input-base">
    <div>
      <hive-input-group>
        <hive-input
          style="width:50px;"
          value="020"
          placeholder=""
        />
        <hive-input
          style="width:250px;"
          value="15050988"
          placeholder=""
        />
      </hive-input-group>
    </div>

    <div>
      <hive-input-group collapse>
        <hive-input
          style="width:50px;"
          value="020"
          placeholder=""
        />
        <hive-input
          style="width:250px;"
          value="15050988"
          placeholder=""
        />
      </hive-input-group>
    </div>

    <div>
      <hive-input-group>
        <hive-input
          style="width:50px;"
          value="020"
          placeholder=""
        />
      </hive-input-group>
      -
      <hive-input-group>
        <hive-input
          style="width:70px;"
          value="12345"
          placeholder=""
        />
        <hive-input
          style="width:70px;"
          value="67891"
          placeholder=""
        />
        <hive-input
          style="width:70px;"
          value="12345"
          placeholder=""
        />
      </hive-input-group>
    </div>
  </div>
</template>

<script>
export default {
  methods: {

  }
};
</script>
