モケラ

Tech Sheets

mokelab

MUI の Button コンポーネント の種類

最終更新日:2024-08-09

Button には主に3つのバリアントがあります。

Contained

背景色がついたボタン。重要なアクションに使用されます。

<Button variant="contained">重要!!</Button>

Outlined

境界線のみのボタン。中程度の重要度のアクションに使用されます。

<Button variant="outlined">中程度の重要度</Button>

Text

背景も境界線もないボタン。最も重要度の低いアクションに使用されます。

<Button variant="text">重要度が低い</Button>

一覧に戻る