mirror of
https://github.com/twinpath/app-beta.git
synced 2026-01-26 05:45:26 +07:00
32 lines
2.2 KiB
PHP
32 lines
2.2 KiB
PHP
<x-common.component-card title="Textarea input fields">
|
|
<!-- Elements -->
|
|
<div>
|
|
<label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
|
|
Description
|
|
</label>
|
|
<textarea placeholder="Enter a description..." type="text" rows="6"
|
|
class="dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:ring-brand-500/10 dark:focus:border-brand-800 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-3 focus:outline-hidden dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30"></textarea>
|
|
</div>
|
|
|
|
<!-- Elements -->
|
|
<div>
|
|
<label class="mb-1.5 block text-sm font-medium text-gray-300 dark:text-white/15">
|
|
Description
|
|
</label>
|
|
<textarea placeholder="Enter a description..." type="text" rows="6" disabled
|
|
class="dark:bg-dark-900 shadow-theme-xs focus:border-brand-300 focus:shadow-focus-ring dark:focus:border-brand-800 w-full rounded-lg border border-gray-300 bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-0 focus:outline-hidden disabled:border-gray-100 disabled:bg-gray-50 disabled:placeholder:text-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30 dark:disabled:border-gray-800 dark:disabled:bg-white/[0.03] dark:disabled:placeholder:text-white/15"></textarea>
|
|
</div>
|
|
|
|
<!-- Elements -->
|
|
<div>
|
|
<label class="mb-1.5 block text-sm font-medium text-gray-700 dark:text-gray-400">
|
|
Description
|
|
</label>
|
|
<textarea placeholder="Enter a description..." type="text" rows="6"
|
|
class="dark:bg-dark-900 border-error-300 shadow-theme-xs focus:border-error-300 focus:ring-error-500/10 dark:border-error-700 dark:focus:border-error-800 w-full rounded-lg border bg-transparent px-4 py-2.5 text-sm text-gray-800 placeholder:text-gray-400 focus:ring-3 focus:outline-hidden dark:bg-gray-900 dark:text-white/90 dark:placeholder:text-white/30"></textarea>
|
|
<p class="text-theme-xs text-error-500">
|
|
Please enter a message in the textarea.
|
|
</p>
|
|
</div>
|
|
</x-common.component-card>
|