---
title: Drop Cap
description: Renders a drop cap for the first letter of a paragraph.
---

---

## Usage

To use the `<DropCap>` component, add it to the `components` of `ContentApp`:

```dart
import 'package:jaspr_content/components/drop_cap.dart';

// ...

ContentApp(
  components: [
    DropCap(),
  ],
)
```

Then put the `<DropCap/>` component immediately before the paragraph you want to apply it to:

```markdown
<DropCap/>
The first letter of this paragraph (T) will be a drop cap. ...
```

![Drop Cap Example](/content/components/drop_cap.png)