@watheia/base-ui.theme.fonts.clean/clean-font.docs.mdx

---

description: "A Clean component."
labels: ["theme", "font", "adobe-clean"]
---


import { SansFont, SerifFont } from "@watheia/base-ui.theme.fonts.clean"

## React Component for rendering text using adobe-clean fonts

A basic div that renders some text

### Component usage

```js
 <p>This text uses the default font</p>
<SansFont>
  <p>This text uses the sans font</p>
</SansFont>
<SerifFont>
  <p>This text uses the Serif font</p>
</SerifFont>
```