技術Node.jsReactReact Bootstrap

Thumbnail of post image 150

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

準備

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

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

components と入力 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 114

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

準備

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

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

components ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 053

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

準備

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

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

components と入力 ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 111

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

準備

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

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

components と入力してフォ ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 151

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

準備

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

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

components ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 001

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

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

準備

まだ comp ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 108

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

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

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

技術Node.jsReactReact Bootstrap

Thumbnail of post image 068

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

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

技術Node.jsReactReact Bootstrap

Thumbnail of post image 180

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

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

準備

ま ...

技術Node.jsReactReact Bootstrap

Thumbnail of post image 083

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

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

React Bootstrap をインストール

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