技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 138
準備

書き直すベースはこちらの Navbar コンポーネントです。

JavaScript

ベースの Navbar.js です。

import React, { forwardRef } from 'react';impo ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 053
準備

Flowbite が使えるプロジェクトを準備します。

Navbar コンポーネントをつくる

./src/components 配下に Navbar.js を作ります。

import React, { forward ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 053
準備

書き直すベースはこちらの Modal コンポーネントです。

JavaScript

ベースの Modal.js です。

import React, { forwardRef } from 'react';import ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 168
準備

Flowbite が使えるプロジェクトを準備します。

Modal コンポーネントをつくる

./src/components 配下に Modal.js を作ります。

import React, { forwardRe ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 171
準備

書き直すベースはこちらの ListGroup コンポーネントです。

JavaScript

ベースの ListGroup.js です。

import React, { ComponentProps, forwardR ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 145
準備

Flowbite が使えるプロジェクトを準備します。

ListGroup コンポーネントをつくる

./src/components 配下に ListGroup.js を作ります。

import React, { C ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 133
準備

書き直すベースはこちらの Footer コンポーネントです。

JavaScript

ベースの Footer.js です。

import { forwardRef } from 'react';import { Fo ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 000
準備

Flowbite が使えるプロジェクトを準備します。

Footer コンポーネントをつくる

./src/components 配下に Footer.js を作ります。

import { forwardRef } f ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 126
準備

書き直すベースはこちらの Form コンポーネントです。

JavaScript

ベースの Form.js です。

import { forwardRef } from 'react';import { Checkb ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 160
準備

Flowbite が使えるプロジェクトを準備します。

Form コンポーネントをつくる

./src/components 配下に Form.js を作ります。

入力に使いそうなコントロールをまとめて実装します ...