rode / rode-ui

User Interface application for rode that enables metadata discovery and policy creation/evaluation.
http://liatrio.com
Apache License 2.0
4 stars 1 forks source link

Typography #151

Closed pickjasmine closed 3 years ago

pickjasmine commented 3 years ago

Closes #144

Adds some basic typography components to cover the common use cases in the application. They are only dictating the font size and font weight with the exception of <Text.Caption/> and <Text.Label/> since those are universally colored for consistency. Some pieces of text still need additional classes to help with colors/padding/margin, but those styles are generally isolated to the specific component's file.

You can see what the types look like in this pic, as well as what using the component will render as in the DOM. You can override what the element will render to by specifying the as="elementType" prop. Check out the <LabelWithValue/> component for an example of that.

Screen Shot 2021-07-06 at 4 54 11 PM