Docker/it-tools
Docker/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-07-19 13:19:37 +02:00
Code Issues Releases Activity

ui-lib(new-component): added text input component in the c-lib

Browse source
This commit is contained in:
Corentin Thomasset 2023-05-07 23:31:10 +02:00 • committed by Corentin THOMASSET
parent 401f13f7e3
commit aad8d84e13
14 changed files with 428 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/ui/c-input-text/c-input-text.demo.vue Normal file
View file

@ -0,0 +1,39 @@
<template>
<h2>Default</h2>
<c-input-text value="qsd" />
<h2>With placeholder</h2>
<c-input-text placeholder="Placeholder" />
<h2>With label</h2>
<c-input-text label="Label" mb-2 />
<c-input-text label="Label" mb-2 label-position="left" />
<c-input-text label="Label" mb-2 label-position="left" label-width="100px" />
<c-input-text label="Label" mb-2 label-position="left" label-width="100px" label-align="right" />
<h2>Readonly</h2>
<c-input-text value="value" readonly />
<h2>Disabled</h2>
<c-input-text value="value" disabled />
<h2>Validation</h2>
<c-input-text
v-model:value="value"
:validation-rules="[{ message: 'Length must be > 10', validator: (value) => value.length > 10 }]"
/>
<h2>Clearable</h2>
<c-input-text v-model:value="value" clearable />
</template>
<script lang="ts" setup>
const value = ref('value');
</script>