React

Install

You can install the package via npm or a similar package manager. In addition to the @sfgov/design-system package, you'll also need to install React.

npm install @sfgov/design-system react

Usage

Our styling library, Stitches, exposes the css prop on our React components, which can be used to override styles or add additional ones.

Loading...

Code editor

// import { TitleXl } from '@sfgov/react' <TitleXl css={{ color: 'red' }}> A red title </TitleXl>

// import { TitleXl } from '@sfgov/react'

<TitleXl css={{ color: 'red' }}>
  A red title
</TitleXl>