Text is a component for displaying text. You can use Text to standardize text across your web app.
You can specify the variant
prop to apply font styles to Text. This variant pulls from the Fluent UI React theme loaded on the page. If you do not specify the variant
prop, by default, Text applies the styling from specifying the variant
value to medium
.
The Text control is inline wrap by default. You can specify block
to enable block and nowrap
to enable nowrap
. For ellipsis on overflow to work properly, block
and nowrap
should be manually set to true
.
For more details and examples visit the official docs. The R package can not handle each and every case, so for advanced use cases you need to work using the original docs to achieve the desired result.
Text(...)
React.ElementType<React.HTMLAttributes<HTMLElement>>
Optionally render the component as another component type or primitive.
boolean
Whether the text is displayed as a block element.
Note that in order for ellipsis on overflow to work properly, block
and nowrap
should be set to true.
boolean
Whether the text is not wrapped.
Note that in order for ellipsis on overflow to work properly, block
and nowrap
should be set to true.
keyof IFontStyles
Optional font type for Text.
library(shiny.fluent)
if (interactive()) {
shinyApp(
ui = Text(variant = "xLarge", "Some text with a nice Fluent UI font"),
server = function(input, output) {}
)
}