Schalter
Ein Kippschalter für boolesche Ein-/Aus-Zustände. Unterstützt sowohl den Formularbaukasten-Modus (mit Rails-Formularobjekten) als auch eigenständige Nutzung. Enthält Beschriftung, Beschreibung und verschiedene Größen.
Vorschau & Code
_switch.html.erb
███
██████ █████████ █████████
█████ ████ ████ ████████
███ █████████ ██████ █████ ██ ███ ██
███ ██████ ████████████████████ █████ ██ ██████████ ███████████████
██████ ███████ ███████████████ ████████████ ████████ █████ ██████ ███ █████████ ████████ ██
██ ███ ██
██████████ ██████
switch_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ████████ ████████
██████ ██████ █ █
████████ █ █████ ████████ ████████ █████ █
█
█████████ █
████████████████████████
switch_component.html.erb
████ ██████████ █████████████████ ███
████████████████████████
██████████████████████████████ ███████████ ████
████ ███████████ █████████████
███████
█████████████
█████████████
█████████████████ ███████████ ███
██ ██ █████████ ██████████ ██████████████████████ ███ ██
██████████ █████████████ ███
switch_component.rb
█ ██████████████████████ ████
█████ ███████████████ █ ███████████████████
█████ █ █████ ██ ██████████
███████████ ██████ ███████████ ██████ █████████ ███████ █████████████
██████ ██████████ ██████
███ ███████████
█████ ████
switch_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ████████ ████████
██████ ██████ █ █
████████ █ █████ ████████ ████████ █████ █
█
█████████ █
████████████████████████
Änderungsprotokoll
- Initial release with form builder and standalone modes
- Three size options: sm, md (default), lg
- Smooth toggle animation via Stimulus controller
- Automatic error detection from Rails form objects
- 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