モケラ

Tech Sheets

mokelab

MUI の Button コンポーネント

最終更新日:2024-08-09

MUI の Button コンポーネントは、アプリケーション内でアクションをトリガーするための基本的かつ重要な要素です。 多機能でカスタマイズ可能であり、異なる状況やスタイルに適したボタンを簡単に作成できます。

公式ドキュメント:Button

基本的な使い方

Button コンポーネントは、@mui/material からインポートして使用します。

import Button from "@mui/material/Button"; // `@mui/material` からインポートします

export function ButtonComponent() {
  return (
    <Button variant="contained" color="primary"> // タグを記述して使用します。
      MUIのボタン
    </Button>
  );
}

一覧に戻る