技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 016
準備

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

JavaScript

ベースの Navbar.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 085
準備

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

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

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

import React, { forward ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 043
準備

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

JavaScript

ベースの Modal.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 020
準備

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

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

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

import React, { forwardRe ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 185
準備

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

JavaScript

ベースの ListGroup.js です。

import React, { ComponentProps, forwardR ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 109
準備

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

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

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

import React, { C ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 189
準備

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

JavaScript

ベースの Footer.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 062
準備

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

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

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

import { forwardRef } f ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 111
準備

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

JavaScript

ベースの Form.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 172
準備

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

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

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

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