技術Node.jsReactReact Bootstrap

Thumbnail of post image 042

今回は、Dropdown コンポーネントを表示します。

準備

まだ components フォルダがなければ作ります。

src を右クリックして New Folder 。

components と入力 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 145

今回は、CloseButton コンポーネントを表示します。

準備

まだ components フォルダがなければ作ります。

src を右クリックして New Folder 。

components ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 147

今回は、Carousel コンポーネントを表示します。

準備

まだ components フォルダがなければ作ります。

src を右クリックして New Folder 。

components と入力 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 195

今回は、Card コンポーネントを表示します。

準備

まだ components フォルダがなければ作ります。

src を右クリックして New Folder 。

components と入力してフォ ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 029

今回は、Button Group コンポーネントを表示します。

準備

まだ components フォルダがなければ作ります。

src を右クリックして New Folder 。

components ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 072

今回は、Button コンポーネントを表示します。

Button コンポーネントは、通常のボタンがカスタムデザインされたものです。フォームやダイアログなどのユーザのアクションに利用できます。

準備

まだ comp ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 012

今回は、Breadcrumb コンポーネントを表示します。

Breadcrumb コンポーネントは、ページのナビゲーションヘルパーです。ページを階層化して、現在のページの位置を示せます。

見慣れない単語ですが、 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 022

今回は、Badge コンポーネントを表示します。

Badge コンポーネントは、特定の要素に注目を集めるために使います。アイコンやテキストをコンテンツに上付きまたは下付きで表示して、情報を明瞭に示すことができます。 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 071

今回は、Alert コンポーネントを表示します。

Alert コンポーネントは、アラートメッセージの表示に使います。ユーザのアクションに対して、メッセージを使ったフィードバックを提供することができます。

準備

ま ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 059

前回は、React のプロジェクトが起動しました。

きれいな画面が出ると嬉しい楽しいなので、とりあえずきれいな部品を使えるようにします。

React Bootstrap をインストール

プロジェクトを起動していた ...