UI Components

eodiro UI Components is a set of reusable Vue components to be used instead of original HTML tags. It gives you much faster, unified and flexible development experience.

• EodiroButton

EodiroButton

<template>
  <eodiro-button>Click Me</eodiro-button>
</template>

import { EodiroButton } from '~/components/ui'

export default {
  components: { EodiroButton }
}

Events

• @click

EodiroInput

<template>
  <eodiro-input v-model="value" />
</template>

import { EodiroInput } from '~/components/ui'

export default {
  components: { EodiroInput },
  data() {
    value: ''
  }
}

Events

• @keydown
• @keyup
• @keypress

EodiroTextarea

<template>
  <eodiro-textarea v-model="content" />
</template>

import { EodiroTextarea } from '~/components/ui'

export default {
  components: { EodiroTextarea },
  data() {
    content: ''
  }
}

Events

• @keydown
• @keyup
• @keypress