5.2. コンポーネント作成②

課題

以下のコンポーネントを作成してください。

1. DatePickerコンポーネント

2. Sliderコンポーネント

3. Dialogコンポーネント

4. Logoコンポーネント

5. Headerコンポーネント

要件

• コンポーネント作成には、Blade の匿名コンポーネント、またはクラスコンポーネントを使用してください。

1. DatePickerコンポーネント

   • 枠内をクリックしたらカレンダーを表示してください。
   • カレンダーの日付をクリックしたら、カレンダーを閉じて選択した日付を表示してください。
   • カレンダーのデザインを作り込むのは大変なので、デフォルトの見た目でも構いません。

2. Sliderコンポーネント

   • スライダーで選択された値をテキストで表示するようにしてください。

3. Dialogコンポーネント

   • ダイアログのタイトルとメッセージを設定できるようにしてください。
   • ボタンのラベルと押した時の処理を設定できるようにしてください。

4. Logoコンポーネント

   • 特にありません。

5. Headerコンポーネント

   • 特にありません。

ヒント

• 実装中のコンポーネントの見た目を確認するため、トップページなどでコンポーネントを読み込んで表示しながら作業を進めてください。

提出方法

• 追加したファイルを GitHub にプッシュしてプルリクエストを作成し、 URL を共有してください。