技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 106
準備

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

JavaScript

ベースの Navbar.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 020
準備

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

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

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

import React, { forward ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 058
準備

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

JavaScript

ベースの Modal.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 196
準備

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

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

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

import React, { forwardRe ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 104
準備

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

JavaScript

ベースの ListGroup.js です。

import React, { ComponentProps, forwardR ...

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 021
準備

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

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

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

import React, { C ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 054
準備

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

JavaScript

ベースの Footer.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 117
準備

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

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

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

import { forwardRef } f ...

技術FlowbiteNode.jsReactTailwind CSSTypeScript

Thumbnail of post image 001
準備

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

JavaScript

ベースの Form.js です。

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

技術FlowbiteNode.jsReactTailwind CSS

Thumbnail of post image 147
準備

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

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

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

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