[React+Tailwind] Breadcrumb を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 056](https://neko-note.org/wp-content/uploads/image-156-150x150.png)
準備
書き直すベースはこちらの Breadcrumb コンポーネントです。
JavaScriptベースの Breadcrumb.js です。
import { forwardRef } from 'react';imp ...[React+Tailwind] Flowbite で Breadcrumb を表示してみる | 心を無にして始める React
![Thumbnail of post image 147](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Breadcrumb コンポーネントをつくる./src/components 配下に Breadcrumb.js を作ります。
import { forwar ...[React+Tailwind] Badge を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 012](https://neko-note.org/wp-content/uploads/image-154-150x150.png)
準備
書き直すベースはこちらの Badge コンポーネントです。
JavaScriptベースの Badge.js です。
import { forwardRef } from 'react';import { Badg ...[React+Tailwind] Flowbite で Badge を表示してみる | 心を無にして始める React
![Thumbnail of post image 107](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Badge コンポーネントをつくる./src/components 配下に Badge.js を作ります。
import { forwardRef } fro ...[React+Tailwind] Avatar を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 114](https://neko-note.org/wp-content/uploads/image-152-150x150.png)
準備
書き直すベースはこちらの Avatar コンポーネントです。
JavaScriptベースの Avatar.js です。
import { forwardRef } from 'react';import { Av ...[React+Tailwind] Flowbite で Avatar を表示してみる | 心を無にして始める React
![Thumbnail of post image 195](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Avatar コンポーネントをつくる./src/components 配下に Avatar.js を作ります。
import { forwardRef } f ...[React+Tailwind] Accordion を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 119](https://neko-note.org/wp-content/uploads/image-153-150x150.png)
準備
書き直すベースはこちらの Accordion コンポーネントです。
JavaScriptベースの Accordion.js です。
import { forwardRef } from 'react';impor ...[React+Tailwind] Flowbite で Accordion を表示してみる | 心を無にして始める React
![Thumbnail of post image 162](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Accordion コンポーネントをつくる./src/components 配下に Accordion.js を作ります。
import { forwardR ...[React+Tailwind] Alert を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 076](https://neko-note.org/wp-content/uploads/image-151-150x150.png)
準備
書き直すベースはこちらの Alert コンポーネントです。
JavaScriptベースの Alert.js です。
import { forwardRef } from 'react';import { Aler ...[React+Tailwind] Flowbite で Alert を表示してみる | 心を無にして始める React
![Thumbnail of post image 102](https://neko-note.org/wp-content/uploads/flowbite-thumbnail-150x150.png)
準備
Flowbite が使えるプロジェクトを準備します。
Alert コンポーネントをつくる./src/components 配下に Alert.js を作ります。
import { forwardRef } fro ...