フレームワークには、共通のユーザインターフェースコンポーネントが ui 名前空間に備えられています。これらのすべてのコンポーネントは、aura:component または aura:component の子コンポーネントのいずれかを拡張します。aura:component は、デフォルトの表示を行う抽象コンポーネントです。ui:input や ui:output などのユーザインターフェースコンポーネントは、キーボード操作やマウス操作などの共通のユーザインターフェースイベントを処理しやすくします。各コンポーネントは適宜スタイルを設定したり拡張したりできます。
すべての使用できるコンポーネントについては、https://<myDomain>.lightning.force.com/auradocs/reference.app (<myDomain> は、Salesforce カスタムドメインの名前) のコンポーネント参照を参照してください。
複雑なインタラクティブコンポーネント
次のコンポーネントは、1 つ以上のサブコンポーネントがあり、インタラクティブです。
| メッセージ |
ui:message |
さまざまな重要度レベルのメッセージ通知 |
| メニュー |
ui:menu |
|
| ui:menuList |
|
| ui:actionMenuItem |
|
| ui:checkboxMenuItem |
|
| ui:radioMenuItem |
|
| ui:menuItemSeparator |
|
| ui:menuItem |
|
| ui:menuTrigger |
|
| ui:menuTriggerLink |
|
入力コントロールコンポーネント
次のコンポーネントは、たとえばボタンやチェックボックスなどがあり、インタラクティブです。
| ボタン |
ui:button |
押したりクリックしたりできるアクションの実行が可能なボタン |
| チェックボックス |
ui:inputCheckbox |
複数選択をサポートする選択可能なオプション |
| ui:outputCheckbox |
参照のみのチェックボックスの値を表示します |
| ラジオボタン |
ui:inputRadio |
単一選択のみをサポートする選択可能なオプション |
| ドロップダウンリスト |
ui:inputSelect |
オプションを含むドロップダウンリスト |
| ui:inputSelectOption |
ui:inputSelect コンポーネントのオプション |
ビジュアルコンポーネント
次のコンポーネントは、たとえばエラーメッセージや読み込みスピナーなどの情報キューを提供します。
| 項目レベルのエラー |
ui:inputDefaultError |
エラーが発生したときに表示されるエラーメッセージ |
| スピナー |
ui:spinner |
読み込みスピナー |
項目コンポーネント
次のコンポーネントでは、値を入力または表示できます。
| 通貨 |
ui:inputCurrency |
通貨を入力するための入力項目 |
| ui:outputCurrency |
デフォルトまたは指定された形式で、通貨を表示します |
| メール |
ui:inputEmail |
メールアドレスを入力するための入力項目 |
| ui:outputEmail |
クリック可能なメールアドレスを表示します |
| 日時 |
ui:inputDate |
日付を入力するための入力項目 |
| ui:inputDateTime |
日時を入力するための入力項目 |
| ui:outputDate |
デフォルトまたは指定された形式で、日付を表示します |
| ui:outputDateTime |
デフォルトまたは指定された形式で、日時を表示します |
| パスワード |
ui:inputSecret |
秘密のテキストを入力するための入力項目 |
| 電話番号 |
ui:inputPhone |
電話番号を入力するための入力項目 |
| ui:outputPhone |
電話番号を表示します |
| 数値 |
ui:inputNumber |
数値を入力するための入力項目 |
| ui:outputNumber |
数値を表示します |
| 範囲 |
ui:inputRange |
範囲内の値を入力するための入力項目 |
| リッチテキスト |
ui:inputRichText |
リッチテキストを入力するための入力項目 |
|
ui:outputRichText
|
リッチテキストを表示します |
| テキスト |
ui:inputText |
1 行のテキストを入力するための入力項目 |
| ui:outputText |
テキストを表示します |
| テキストエリア |
ui:inputTextArea |
複数行のテキストを入力するための入力項目 |
| ui:outputTextArea |
参照のみのテキストエリアを表示します |
| URL |
ui:inputURL |
URL を入力するための入力項目 |
| ui:outputURL |
クリック可能な URL を表示します |
j