技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 099
準備

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

JavaScript

ベースの Navbar.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 011
準備

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

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

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

import React, { forward ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 050
準備

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

JavaScript

ベースの Modal.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 087
準備

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

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

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

import React, { forwardRe ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 126
準備

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

JavaScript

ベースの ListGroup.js です。

import React, { ComponentProps, forwardR ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 105
準備

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

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

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

import React, { C ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 101
準備

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

JavaScript

ベースの Footer.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 178
準備

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

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

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

import { forwardRef } f ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 086
準備

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

JavaScript

ベースの Form.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 121
準備

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

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

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

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