chore: Remove older UI (#11720)
This commit is contained in:
@@ -9,19 +9,19 @@ const description = ref('');
|
||||
<template>
|
||||
<Story title="Components/TextArea" :layout="{ type: 'grid', width: '400' }">
|
||||
<Variant title="Default">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea placeholder="Default TextArea" />
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="With Label">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea label="Description" placeholder="Enter your description" />
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
<Variant title="Disabled">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea
|
||||
label="Disabled TextArea"
|
||||
placeholder="Can't type here"
|
||||
@@ -31,7 +31,7 @@ const description = ref('');
|
||||
</Variant>
|
||||
|
||||
<Variant title="With Character Count">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea
|
||||
v-model="bio"
|
||||
label="Bio"
|
||||
@@ -43,7 +43,7 @@ const description = ref('');
|
||||
</Variant>
|
||||
|
||||
<Variant title="Custom Max Length">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea
|
||||
v-model="description"
|
||||
label="Long Description"
|
||||
@@ -55,11 +55,11 @@ const description = ref('');
|
||||
</Variant>
|
||||
|
||||
<Variant title="Custom TextArea Class">
|
||||
<div class="p-4 bg-white dark:bg-slate-800">
|
||||
<div class="p-4 bg-n-background">
|
||||
<TextArea
|
||||
label="Custom Style"
|
||||
placeholder="Custom textarea class"
|
||||
custom-text-area-class="border-yellow-500 dark:border-yellow-700"
|
||||
custom-text-area-class="border-n-amber-5 dark:border-n-amber-5"
|
||||
/>
|
||||
</div>
|
||||
</Variant>
|
||||
|
||||
Reference in New Issue
Block a user