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 fontStyle
fontStyle
Use to emphasize a word or a group of words.
Anchor to fontWeight
fontWeight
Sets the weight of the font.
string
A unique identifier for the element.
Anchor to textOverflow
textOverflow
Set how hidden overflow content is signaled to users.
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
