> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# ボタン

> YiDA の Button コンポーネントのリファレンス。タイプ、サイズ、状態などの属性と、ページ上で即時アクションを実行するためのクリックイベントのバインドについて解説します。

ボタンは、即時アクションを開始するために使用します。

## 使用シーン

* ユーザーのクリックに応答してビジネスロジックをトリガーする単一の操作コマンド（またはそれらのグループ）をマークする場合に使用します。

## コンポーネントの例

## コンポーネントの属性

| 属性                         | 説明                                                                                                        | タイプ                                                                                                                                                             | デフォルト       |
| -------------------------- | --------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `baseIcon`                 | ボタンのベースアイコン。Icon コンポーネントの **baseIcon** [属性設定](/ja/open/yida/components/basic/icon#コンポーネントプロパティ)を参照してください。 | `string`                                                                                                                                                        | -           |
| `behavior`                 | フォームの表示状態。                                                                                                | `'NORMAL' \| 'DISABLED' \| 'HIDDEN'`                                                                                                                            | `'NORMAL'`  |
| `content`                  | ボタンのテキストコンテンツ。                                                                                            | `string`                                                                                                                                                        | `'Button'`  |
| `contentMarginMobile`      | モバイル端末におけるボタンの左右マージン。                                                                                     | `'0' \| '16'`                                                                                                                                                   | `'0'`       |
| `loading`                  | ボタンが読み込み中の状態かどうか。                                                                                         | `boolean`                                                                                                                                                       | `false`     |
| `otherIcon`                | 追加アイコン。Icon コンポーネントの **otherIcon** [属性設定](/ja/open/yida/components/basic/icon#コンポーネントプロパティ)を参照してください。     | `string`                                                                                                                                                        | -           |
| `size`                     | ボタンのサイズ。                                                                                                  | `'small' \| 'medium' \| 'large'`                                                                                                                                | `'medium'`  |
| `triggerEventsWhenLoading` | 読み込み中の状態でもボタンが操作に応答するかどうか。                                                                                | `boolean`                                                                                                                                                       | `false`     |
| `type`                     | ボタンのタイプ。                                                                                                  | `'primary' \| 'normal' \| 'secondary' \| 'ghostLight' \| 'ghostDark' \| 'warningNormal' \|'warningPrimary' \| 'textNormal' \| 'textPrimary' \| 'textSecondary'` | `'primary'` |