Formulare v1.0.0

Textbereich

Eine mehrzeilige Texteingabe-Komponente mit optionaler automatischer Größenanpassung. Unterstützt sowohl den Formularbaukasten-Modus (mit Rails-Formularobjekten) als auch eigenständige Nutzung. Enthält Beschriftung, Hinweistext, Fehlerzustände und Zeichenzähleranzeige.

Vorschau & Code

_textarea.html.erb

███
  ████████ █████████ █████████

  █████ ████ ████ ████████
    ███ █████████ ██████ █████ ██ ███ ██
      ███ ██████ ██████████████████████ █████ ██ ██████████ ██████ █████ ██ ████████████ ████ ██
    ██ ███ ██

  ██████████ ██████
    ███ ██████ ██████████████████████ █████ ██████████ ████████████ ██████ ████ ████████████ ███████████ ███ ██

Get Access to View Code

textarea_controller.js

██████ █ ██████████ █ ████ ████████████████████

██████ ███████ █████ ███████ ██████████ █
  ██████ ███████ █ █████████ ██████████
  ██████ ██████ █ █
    ██████████ ███████
    ███████████ █ █████ ████████ ████████ █████ █
  █

  █████████ █

Get Access to View Code

textarea_component.rb

█ ██████████████████████ ████

█████ █████████████████ █ ███████████████████
  ███████████ ██████ ███████████ ██████ ███████ ███████ ██████ █████████████
              ██████ ████████████ █████████████ ██████████ ██████████ ██████

  ███ ███████████
    █████ ████
    ██████████ ████
    █████ ████

Get Access to View Code

textarea_component.html.erb

████ ██████████████ ███ ████████████████████ ████████████████ ███
  ██ ██ ███████████████ ██
    ██████ ████████ ████████ ███ ██████████ █████████████ ████
      ███ ██████ ██
      ██ ██ █████████ ██
        █████ ███████████████████ ████████████████
      ██ ███ ██
    ████████
  ██ ███ ██

Get Access to View Code

textarea_controller.js

██████ █ ██████████ █ ████ ████████████████████

██████ ███████ █████ ███████ ██████████ █
  ██████ ███████ █ █████████ ██████████
  ██████ ██████ █ █
    ██████████ ███████
    ███████████ █ █████ ████████ ████████ █████ █
  █

  █████████ █

Get Access to View Code

Optionen

Name	Typ	Standard	Beschreibung
`form`	FormBuilder	`nil`	Rails form builder object (for form builder mode)
`attribute`	Symbol	`nil`	Model attribute name (for form builder mode)
`name`	String	`nil`	Input name attribute (for standalone mode)
`value`	String	`nil`	Initial value (for standalone mode)
`label`	String	`nil`	Label text (auto-generated from attribute if not provided)
`hint`	String	`nil`	Help text displayed below the textarea
`placeholder`	String	`nil`	Placeholder text
`rows`	Integer	`3`	Number of visible text rows
`max_length`	Integer	`nil`	Maximum character limit (enables character counter)
`auto_resize`	Boolean	`false`	Whether textarea should auto-resize to fit content
`required`	Boolean	`false`	Whether the field is required
`disabled`	Boolean	`false`	Whether the field is disabled
`error`	String	`nil`	Manual error message (auto-detected from form object if not provided)
`class`	String	`""`	Additional CSS classes for the textarea

Name	Typ	Standard	Beschreibung
`form`	FormBuilder	`nil`	Rails form builder object (for form builder mode)
`attribute`	Symbol	`nil`	Model attribute name (for form builder mode)
`name`	String	`nil`	Input name attribute (for standalone mode)
`value`	String	`nil`	Initial value (for standalone mode)
`label`	String	`nil`	Label text (auto-generated from attribute if not provided)
`hint`	String	`nil`	Help text displayed below the textarea
`placeholder`	String	`nil`	Placeholder text
`rows`	Integer	`3`	Number of visible text rows
`max_length`	Integer	`nil`	Maximum character limit (enables character counter)
`auto_resize`	Boolean	`false`	Whether textarea should auto-resize to fit content
`required`	Boolean	`false`	Whether the field is required
`disabled`	Boolean	`false`	Whether the field is disabled
`error`	String	`nil`	Manual error message (auto-detected from form object if not provided)

Änderungsprotokoll v1.0.0

- Initial release with form builder and standalone modes
- Auto-resize functionality via Stimulus controller
- Character count display with max_length option
- Dark mode support

Vollzugang erhalten

Schalte den Quellcode für diese und alle anderen Komponenten frei. Einmalige Zahlung für lebenslangen Zugang.

Jetzt Zugang erhalten