Semantic UI React

Semantic UI React

簡単にスタイルを適用するためのライブラリ

react.semantic-ui.com

create-react-appしたディレクトリで、このライブラリを追加します。

>> yarn add semantic-ui-react semantic-ui-css

index.tsx に import文を追加します。

import 'semantic-ui-css/semantic.min.css';

App.css はサンプルコードをコピーしました。 本と同じように表示されました!

サンプルコードとはディレクトリ構成が違っていますが、動いたコードはGitHubにあげました。

github.com