次の方法で共有


AutoWidthLabel コントロール

データ表示するために使用されるコントロールです。

Note

説明書の全文とソース コードは、GitHub コード コンポーネント リポジトリ を参照してください。

自動幅ラベル。

説明設定

このコード コンポーネントは、標準のキャンバス アプリ ラベルと同様に機能しますが、テキストに対応するように幅が動的に拡張され、新しい幅を返します。

Fluent UI Label コントロールのベスト プラクティスに移動します。

プロパティ

重要なプロパティ

Property 説明設定
Text ラベルのテキスト値。

出力プロパティ

Property 説明設定
AutoWidth テキストを収容するためにコンポーネントによって設定される幅

スタイル プロパティ

Property 説明設定
PaddingLeft ラベルの内側に追加するパディングの指定。
PaddingRight ラベルの内側に追加するパディングの指定。
PaddingTop ラベルの内側に追加するパディングの指定。
PaddingBottom ラベルの内側に追加するパディングの指定。

スタイル/状態のすべての組み合わせが、すべてのコンポーネントで実装されているわけではありません。 詳しくは GitHub ドキュメントの 状態の依存状態のスタイル プロパティ セクションをご覧ください。

制限

このコード コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。

その他の制限事項については、GitHub ドキュメントの デザイン チャレンジ セクションをご覧ください。