Text styles

Text styles provided by aragonUI can be used through the textStyle() utility, which returns a series of CSS declarations corresponding to the desired text style.
The CSS properties can include any of the following, depending on the requested style:
font-size
font-family
font-weight
text-transform
line-height
Usage
import { Main, textStyle } from '@aragon/ui'
​
function App() {
  return (
    <div
      css={`
        ${textStyle('body3')};
      `}
    >
      Body 3 text style
    </div>
  )
}
Available text styles

Colors

Icons

Last modified 4mo ago