Edit

Share via


AutoWidthLabel control

A control used to display data.

Note

Full documentation and source code found in the GitHub code components repository.

Auto width label.

Description

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.

Properties

Key properties

Property Description
Text The text value of the label.

Output properties

Property Description
AutoWidth Width set by the component to accommodate the text

Style properties

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.

Limitations

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.