Paragraph
Use this to display a block of text similar to the <p> tag in HTML.
Anchor to paragraphpropsParagraphProps
Anchor to children
children
any
Anchor to fontSize
fontSize
Size of the typography's font.
Anchor to fontWeight
fontWeight
Sets the weight of the font.
Anchor to textOverflow
textOverflow
Set how hidden overflow content is signaled to users.
Anchor to fontStyle
fontStyle
Use to emphasize a word or a group of words.
string
A unique identifier for the element.
Was this section helpful?
Simple Paragraph example
import {
render,
BlockStack,
Paragraph,
} from '@shopify/ui-extensions-react/admin';
render('Playground', () => <App />);
function App() {
return (
<BlockStack inlineAlignment='center' gap>
<Paragraph fontWeight='bold'>Name:</Paragraph>
<Paragraph>Jane Doe</Paragraph>
</BlockStack>
)
}
Preview
