title | description | author | ms.component | ms.topic | ms.date | ms.subservice | ms.author | ms.reviewer | search.audienceType | contributors | |||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
AutoWidthLabel control reference | Creator Kit |
Learn about the details and properties of the AutoWidthLabel control in the Creator Kit. |
denise-msft |
pa-maker |
conceptual |
05/16/2022 |
guidance |
demora |
tapanm |
|
|
A control used to display data.
Note
Full documentation and source code found in the GitHub code components repository.
:::image type="content" source="media/autowidthlabel.png" alt-text="Auto width label.":::
The behavior of this code component is similar to that of the standard canvas app label, but it expands dynamically in width to accommodate the text and return the new width.
Go to Fluent UI Label control for best practices.
Property | Description |
---|---|
Text |
The text value of the label. |
Property | Description |
---|---|
AutoWidth |
Width set by the component to accommodate the text |
Property | Description |
---|---|
PaddingLeft |
The padding to add inside the label. |
PaddingRight |
The padding to add inside the label. |
PaddingTop |
The padding to add inside the label. |
PaddingBottom |
The padding to add inside the label. |
Not all combinations of style/state are implemented by every component. See more details in the state dependent style properties section of the GitHub documentation.
This code component can only be used in canvas apps and custom pages.
See more limitation notes in the design challenges section of the GitHub documentation.
[!INCLUDEfooter-include]