Alpine.js - Interaktive Komponenten

subtitle

Leichte aber mächtige JavaScript-Bibliothek für reaktive Benutzeroberflächen

examples.counter.title

examples.counter.description

examples.tabs.title

examples.tabs.description

examples.tabs.tab1.title

examples.tabs.tab1.content

examples.tabs.tab2.title

examples.tabs.tab2.content

examples.tabs.tab3.title

examples.tabs.tab3.content

examples.accordion.title

examples.accordion.description

examples.accordion.answer1

examples.accordion.answer2

examples.accordion.answer3

examples.modal.title

examples.modal.description

examples.todo_list.title

examples.todo_list.description

examples.todo_list.completed: | examples.todo_list.total:

examples.form_validation.title

examples.form_validation.description

examples.theme_switcher.title

examples.theme_switcher.description

Tema atual:

examples.dropdown.title

examples.dropdown.description

examples.search_filter.title

examples.search_filter.description

examples.search_filter.no_results

examples.image_gallery.title

examples.image_gallery.description

examples.progress_bar.title

examples.progress_bar.description

examples.tooltip.title

examples.tooltip.description

examples.tooltip.hover_me

examples.clipboard.title

examples.clipboard.description

examples.clipboard.clipboard_content
examples.clipboard.copied

examples.color_picker.title

examples.color_picker.description

examples.color_picker.hex_value

examples.color_picker.rgb_value

examples.date_picker.title

examples.date_picker.description

examples.rating.title

examples.rating.description

examples.rating.rate_this

examples.rating.current_rating:

examples.carousel.title

examples.carousel.description

examples.notification.title

examples.notification.description

integration.title

integration.description

integration.method1.title

integration.method1.description

integration.method2.title

integration.method2.description

integration.method3.title

integration.method3.description

fetch('/api/translations')
    .then(res => res.json())
    .then(data => {
        // Usar traduções no Alpine.js
    });

best_practices.title

best_practices.description

  • best_practices.practice1
  • best_practices.practice2
  • best_practices.practice3
  • best_practices.practice4
  • best_practices.practice5