Zone de texte
Un composant de saisie de texte multi-lignes avec fonctionnalité optionnelle de redimensionnement automatique. Prend en charge le mode form builder (avec les objets formulaire Rails) et l'utilisation autonome. Inclut une étiquette, un texte d'aide, des états d'erreur et un compteur de caractères.
Aperçu et code
_textarea.html.erb
███
████████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ██████████████████████ █████ ██ ██████████ ██████ █████ ██ ████████████ ████ ██
██ ███ ██
██████████ ██████
███ ██████ ██████████████████████ █████ ██████████ ████████████ ██████ ████ ████████████ ███████████ ███ ██
textarea_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████
██████ ██████ █ █
██████████ ███████
███████████ █ █████ ████████ ████████ █████ █
█
█████████ █
textarea_component.rb
█ ██████████████████████ ████
█████ █████████████████ █ ███████████████████
███████████ ██████ ███████████ ██████ ███████ ███████ ██████ █████████████
██████ ████████████ █████████████ ██████████ ██████████ ██████
███ ███████████
█████ ████
██████████ ████
█████ ████
textarea_component.html.erb
████ ██████████████ ███ ████████████████████ ████████████████ ███
██ ██ ███████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
textarea_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████
██████ ██████ █ █
██████████ ███████
███████████ █ █████ ████████ ████████ █████ █
█
█████████ █
Journal des modifications
- Initial release with form builder and standalone modes
- Auto-resize functionality via Stimulus controller
- Character count display with max_length option
- Dark mode support
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant