[React+Tailwind] Breadcrumb を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 148](https://neko-note.org/wp-content/uploads/image-156-150x150.png)
準備
書き直すベースはこちらの Breadcrumb コンポーネントです。
JavaScriptベースの Breadcrumb.js です。
import { forwardRef } from 'react';imp ...[React+Tailwind] Badge を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 118](https://neko-note.org/wp-content/uploads/image-154-150x150.png)
準備
書き直すベースはこちらの Badge コンポーネントです。
JavaScriptベースの Badge.js です。
import { forwardRef } from 'react';import { Badg ...[React+Tailwind] Avatar を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 130](https://neko-note.org/wp-content/uploads/image-152-150x150.png)
準備
書き直すベースはこちらの Avatar コンポーネントです。
JavaScriptベースの Avatar.js です。
import { forwardRef } from 'react';import { Av ...[React+Tailwind] Accordion を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 173](https://neko-note.org/wp-content/uploads/image-153-150x150.png)
準備
書き直すベースはこちらの Accordion コンポーネントです。
JavaScriptベースの Accordion.js です。
import { forwardRef } from 'react';impor ...[React+Tailwind] Alert を TypeScript に書き直してみた | 心を無にして始める React
![Thumbnail of post image 036](https://neko-note.org/wp-content/uploads/image-151-150x150.png)
準備
書き直すベースはこちらの Alert コンポーネントです。
JavaScriptベースの Alert.js です。
import { forwardRef } from 'react';import { Aler ...