エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
React + Material-UIで簡単なタブ作成 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
React + Material-UIで簡単なタブ作成 - Qiita
<CenteredTabs labels={['label1', 'label2', 'label3']}> <div>aa</div> <div>bb</div> <div>cc</div> ... <CenteredTabs labels={['label1', 'label2', 'label3']}> <div>aa</div> <div>bb</div> <div>cc</div> </CenteredTabs> こんな感じに書くだけで こんな風にタブページを作れるコンポーネントを作成する プログラム 公式のReact Tabs component - Material-UIから極力書き換えずにプログラムを作成します。Centered Tab(中央揃え)が気に入ったのでそれにします。 import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import Paper from '@material-ui/core/Paper'; import Tabs from '@mat