# Prose

## Example

```svelte
<script>
	import { Box } from '@foxui/all';
</script>

<Box>
	<h1>Prose</h1>
	<p>Prose is a component that renders html tags with automatic styles applied.</p>
	<p>It is useful for rendering markdown content.</p>
	<p>This is a link: <a href="https://google.com">Google</a></p>
</Box>
```

## Documentation

## Usage

```svelte
<Prose>
	<h1>Prose</h1>

	<p>Prose is a component</p>
</Prose>
```

## API Reference

### Prose
A wrapper that applies Tailwind Typography styles to its content for rendering rich text.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| size | `'default' | 'md' | 'lg' | 'xl' | '2xl'` | `'default'` | The typography size scale. |
| children | `Snippet` | `-` | The content to apply typography styles to. (required) |
| class | `string` | `-` | Additional CSS classes to apply. |
| ref | `HTMLDivElement` | `-` | The underlying DOM element. (bindable) |