contentContainerについて

contentContainerコンポーネントは、色付きの背景と枠線のある領域にページの補助的な情報を入れるために名前付きの子endで使用されます。コンテンツ・コンテナの幅は、ピクセル単位、またはコンテナを含む要素のパーセンテージとして設定できます。

ContentContainer with header and icon

textおよびicon属性を使用することにより、オプションのヘッダーとアイコンをコンテンツ・コンテナで設定できます。ヘッダーを設定してアイコンを設定しない場合、コンテナ・コンテンツはヘッダーの先頭と揃えられます。アイコンが設定されている場合、アイコンはヘッダーの左側に表示されますが、コンテンツはヘッダーの先頭に揃えられます。アイコンは設定されているが、ヘッダーがない場合、アイコンは左側に表示されますが、ヘッダーのテキストは表示されません。

コンテンツ・コンテナの背景をlight、medium、dark、またはtransparentに指定するには、background属性を使用します。背景が設定されていない場合、デフォルトはlightです。コンテナとヘッダー・ラインの周囲の枠線も背景色に設定されます。

コンテンツ・コンテナ内の索引付けされた子が、コンテナに表示される実際のコンテンツです。コンテンツ・コンテナ・コンポーネントは複数の索引付けされた子を持つことができ、その場合はそれらが縦に連続して表示されます。しかし、一般的には、コンテンツ・コンテナにはstyledListコンポーネントなど、索引付けされた子を1つのみ含めます。索引付けされた子の子(たとえば、styledItemコンポーネント)が、コンテナに表示される実際のコンテンツとなります。


pageLayoutとその名前付きの子について

endを使用したcontentContainerの作成
pageLayoutとその名前付きの子の使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.