Alpine.js リアクティブなフィルタリング付きインタラクティブリスト
VISTA DE CÓDIGO
P
Prompt
Create an interactive list with real-time filtering using Alpine.js. The page should display a list of items (e.g., programming languages or fruits) with a search input that filters the list instantly. Use Alpine.js for reactivity: x-data, x-model, x-for, and x-text. Keep the design clean and responsive. No other libraries needed.
このインタラクティブリストは Alpine.js を使ってクライアント側でリアクティブに動作します。検索入力は x-model で search にバインドされ、リストは x-for でフィルタリングされます。一致するアイテムがない場合は x-show でメッセージを表示します。軽量で依存関係がなく、リアルタイムUI更新の基本機能を示します。
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación