@singularit/base-input

@singularit/base-input

Usage

npm i @singularit/base-input

<template>
  <SBaseInput
    v-model="name"
    placeholer="Enter your name"
  />
</template>

<script setup lang="ts">
import {ref} from 'vue'
import {SBaseInput} from '@singularit/base-input'

const name = ref('')
</script>

Props

Styling

The input is styled with a default theme. If you want to override some parts of the theme you can use the classes prop to pass any calles (e.g. tailwind classes).

<SBaseInput :classes="{wrapper: 'rounded-full'}"></SBaseInput>

SBaseInput is designed to be wrapped in a component inside you project. Due to its flexibility it is very adaptable. You can also create simple number inputs, text inputs, textareas, etc. (use the inputAttributes prop to pass any HTML attributes).

See interface InputClass.

Examples

coming soon