Input

<script lang="ts" setup>
import { NNInput } from "@fronntui/vue";
</script>

<template>
  <NNInput placeholder="Type here" />
  <NNInput clearable model-value="Clearable" />
  <NNInput disabled model-value="Disabled" />
  <NNInput error model-value="Error" />
</template>

Props

Name

Type

disabled

boolean

Whether or not the input field is disabled

clearValue

string | null

The value emitted after the input field has been cleared. Defaults to `null`

modelValue

string | number | null

error

boolean

Whether or not the input field is in an error state

clearable

boolean

defaults to `false`

Events

Name

Payload

update:modelValue

string | null

Fired after the value has been changed

clear

string | null

Fired after the field has been cleared

Slots

<NNInput>
  <template #prefix>prefix</template>
</NNInput>

<NNInput>
  <template #postfix>postfix</template>
</NNInput>

Name

Payload

prefix

postfix

Form Link