Gut zu wissen:

Speichere den kopierten Code als .vue-Datei. Dein Projekt benötigt Vue 3, vue-daisyui-components und Tailwind CSS mit daisyUI. Binde vue-daisyui-components/styles.css global ein.

Dies ist kein offizielles daisyUI-Produkt, sondern eine von Martz.digital (alias Jonathan Martz) entwickelte Bibliothek.

Komponenten-Showcase

DaisyTextarea

Ein einfaches Nutzungsbeispiel aus vue-daisyui-components – ohne zusätzliche Anwendungslogik.

Props-Referenz

Definitionen aus defineProps der installierten Komponente. Eine aktivierte Checkbox kennzeichnet ein erforderliches Prop. Typnamen verweisen auf die Typen der Bibliothek.

DaisyTextarea – Props-Referenz
BeschreibungErforderlichNameTyp
Zusätzliche CSS-Klassen am äußeren Element.
classNamestring
Deaktiviert die Interaktion.
disabledboolean
Aktueller Wert für die Bindung mit v-model.
modelValuestring
Name des Formularfelds oder der zugehörigen Gruppe.
namestring
Hinweistext, solange das Eingabefeld leer ist.
placeholderstring
Kennzeichnet das Formularfeld als Pflichtfeld.
requiredboolean
Anzahl sichtbarer Textzeilen.
rowsnumber
Live-Vorschau