Choose a version:

Text

This component renders text. Remember, you can also add your own styling.

Anchor to textpropsTextProps

id

string

A unique identifier for the field.

fontWeight

Sets the weight (or boldness) of the font.

textOverflow

Set how hidden overflow content is signaled to users.

fontVariant

| []

Set all the variants for a font with a shorthand property.

fontStyle

Use to emphasize a word or a group of words.

accessibilityRole

Provide semantic meaning to content and improve support for assistive technologies.

Was this section helpful?

import {render, Text, BlockStack} from '@shopify/ui-extensions-react/admin';

render('Playground', () => <App />);

function App() {

return (

</BlockStack>

);

}