Paragraph
<Paragraph>
renders a <p>
element with reset styles.
Import
import { Paragraph, ParagraphProps } from '@vtex/admin-ui'
Behavior
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a aliquam ex, quis pretium enim. Sed cursus quam ac lorem efficitur, ac sodales lorem convallis. Ut scelerisque mauris velit, sit amet iaculis elit feugiat commodo. Etiam egestas ante nibh, eget pulvinar erat ultrices et. In quis ante aliquam, ullamcorper leo et, porta sapien. Quisque lobortis eu velit at molestie. Ut vel gravida lorem, in efficitur nulla. Vestibulum tincidunt, nulla in semper dignissim, eros lacus molestie quam, sit amet tempus ante quam at mauris. Duis urna eros, cursus eget leo sit amet, sollicitudin blandit nibh. Cras pellentesque sapien nibh, eget finibus neque ultrices ut. Phasellus fermentum urna at ex rhoncus aliquam.
Customization
You can use the className
property to handle different styles.
Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a aliquam ex, quis pretium enim. Sed cursus quam ac lorem efficitur, ac sodales lorem convallis. Ut scelerisque mauris velit, sit amet iaculis elit feugiat commodo. Etiam egestas ante nibh, eget pulvinar erat ultrices et. In quis ante aliquam, ullamcorper leo et, porta sapien. Quisque lobortis eu velit at molestie. Ut vel gravida lorem, in efficitur nulla. Vestibulum tincidunt, nulla in semper dignissim, eros lacus molestie quam, sit amet tempus ante quam at mauris. Duis urna eros, cursus eget leo sit amet, sollicitudin blandit nibh. Cras pellentesque sapien nibh, eget finibus neque ultrices ut. Phasellus fermentum urna at ex rhoncus aliquam.
Props
Name | Type | Description | Required | Default |
---|---|---|---|---|
children | ReactNode | Paragraph children | 🚫 | - |