-
Notifications
You must be signed in to change notification settings - Fork 91
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weβll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(typography): add Paragraph component #724
Conversation
& + & { | ||
margin-top: ${props => props.theme.lineHeights[props.size!]}; | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This selector feels like application-specific logic to me. We don't affect margin in other components, shouldn't that be up to the consuming application?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Austin94 stylistically, this is the primary purpose of this component βΒ to establish spacing between sibling paragraphs.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
π π so good. so so good.
Description
Adds a new
<Paragraph>
component to the@zendeskgarden/react-typography
package. This covers opinionated Garden usage for the HTML<p>
element.Detail
Demo pre-published for review: https://suspicious-noether-1ad97b.netlify.app/typography/#paragraph
Checklist
designer as a reviewer)
yarn start
)analyzed via axe and evaluated using VoiceOver