Skip to content
On this page

ZvInputText

ZvInputText is a standalone component

INFO

Before you have to import the global css files in your project, follow instructions in Getting Started

Prerequisites

maska
bash
npm install maska@2

Basic usage

vue
<template>
  <ZvInputText id="input" name="test" v-model="inputValue" label="Test" />
</template>

<script setup lang="ts">
  import ZvButton from '@zadigetvoltaire/ui/components/ZvButton'
</script>

Password

html
<ZvInputText id="password" v-model="inputValue" label="Enter your password" type="password" name="password" />

Date

html
<ZvInputText id="date" v-model="inputValue" label="Enter date" type="date" name="date" />

Submit

html
<ZvInputText id="submit" name="submit" v-model="inputValue" is-submit />