Livewire Gallery
実用的なLivewireコンポーネント集。
最新のベストプラクティスに基づいて設計され、 すぐにあなたのプロジェクトで使用できます。
コピー＆ペーストで簡単導入
リアルタイムプレビュー
フォーム
リアルタイムバリデーション
Livewire 3の新機能を使ったリアルタイムバリデーションのデモです。ユーザー入力に対して即座にフィードバックを提供します。
validation
form
attribute
real-time
ユーティリティ
シンプルカウンター
Livewireの基本的な使い方を示すシンプルなカウンターコンポーネントです。
basic
counter
beginner
テーブル
無限スクロール
スクロールによる自動データ読み込み機能を実装したコンポーネントです。
infinite-scroll
pagination
observer
フォーム
リアルタイム検索
タイピング中にリアルタイムで検索結果を表示するコンポーネントです。
search
debounce
real-time
ユーティリティ
モーダルダイアログ
Alpine.jsとLivewireを組み合わせたモーダルダイアログのコンポーネントです。
modal
dialog
alpine.js
フォーム
ファイルアップロード
プログレスバー付きのファイルアップロードコンポーネントです。複数ファイルのアップロードとプレビュー機能があります。
file-upload
progress-bar
preview
フォーム
多段階フォーム
複数ステップのフォームを実装したコンポーネントです。ステップごとのバリデーションと進捗表示があります。
multi-step
wizard
form
ユーティリティ
リアルタイムチャット
WebSocketを使用したリアルタイムチャットコンポーネントです。メッセージの送受信と既読表示機能があります。
chat
websocket
real-time
ユーティリティ
カウントダウンタイマー
シンプルで使いやすいカウントダウンタイマーコンポーネント。開始、一時停止、リセット機能付き。
timer
countdown
javascript