Input Text

Base component for all text input fields, which extends the InputText component from PrimeVue. Each SkInput component receives a unique id to assign the correct label to it.

Example Usage

Example

Firstname

First Name

<template>
  <sk-input-text v-model="value" label="Firstname" class="mr-m mb-m" />
  <sk-input-text
    v-model="value2"
    placeholder="Max Mustermann"
    class="mr-m mb-m"
    label="First Name"
  />
  <sk-input-text
    v-model="value"
    input-type="number"
    placeholder="Placeholder Only"
    class="mr-m mb-m"
    icon="edit"
  />
  <sk-input-text placeholder="Disabled" class="mr-m mb-m" disabled="true" />
</template>

<script setup>
import { ref } from 'vue';

const value = ref('');
const value2 = ref('');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	ref	null	The value to edit

Events

Name	Parameters	Description
@input	event	the payload of the input

Slots

Name	Parameters	Description