@comparaonline/ui-typography

yarn add @comparaonline/ui-typography

Usage no npm install needed!

<script type="module">
  import comparaonlineUiTypography from 'https://cdn.skypack.dev/@comparaonline/ui-typography';
</script>

README

@comparaonline/ui-typography

Installation

yarn add @comparaonline/ui-typography

Usage

import Typography from '@comparaonline/ui-typography';

return <Typography variant={variant} tag={htmlTag} color={color} />;

The possible values of variant are defined by @comparaonoline/ui-theme and are:

prop name required type default description
variant true enum 'display4', 'display3', 'display2', 'display1', 'body1', 'body2', 'caption', 'headline', 'subheading', 'title' 'body1' The variant to be applied
tag true string 'span' The HTML tag to be used to render the component
color false enum 'primary', 'secondary', 'hint', 'disabled' A color to overwrite the value defined in the theme