Text.md

Text FluentUI spec

The Text component consistently styles and formats occurrences of text.

Prior Art/Examples

• Ant Design
• BaseWeb
• Blueprint
• Chakra UI
• Elastic UI
• Evergreen
• Grommet
• Fabric UI
• Fluent UI Northstar
• Fomantic UI
• Lightning Design System
• Primer
• Ring UI
• Vuetify
• Welcome UI

API

Props

Attribute Name	Type	Default Value	Description
variant	enum		A text can define its look via defined variants.

Slots

Name	Considerations
root	container for text

Proposed React structure

<span dir="auto">Foo bar baz</span>

Public usage

<Text>Foo bar baz<Text>