> ## Documentation Index
> Fetch the complete documentation index at: https://react-docx.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Text
Applies styling to text. Usually you don't need it (plain strings work fine).
```tsx theme={"dark"}
// Plain string - no Text needed
Hello world
// With styling - use Text
Hello world
```
***
## When to use Text
**Don't need it:**
```tsx theme={"dark"}
Just plain text
Plain heading
```
**Need it:**
```tsx theme={"dark"}
Mix of bold and normal
```
Rule: only wrap in `` when you need to apply classes.
***
## Props
| Prop | Type | Description |
| ----------- | ----------- | ---------------- |
| `children` | `ReactNode` | Text content |
| `className` | `string` | Tailwind classes |
***
## Styling
### Font weight
```tsx theme={"dark"}
Bold
Extra bold
```
### Font style
```tsx theme={"dark"}
Italic
Underlined
Strikethrough
```
### Colors
```tsx theme={"dark"}
Red text
Dark blue
Highlighted
```
### Sizes
```tsx theme={"dark"}
Extra small
Small
Base
Large
2XL
```
### Font family
```tsx theme={"dark"}
Serif font
Monospace
```
### Caps
```tsx theme={"dark"}
ALL CAPS
Small Caps
```
### Super/subscript
```tsx theme={"dark"}
H2O
E = mc2
```
***
## Formatting shortcuts
Instead of ``, use shortcuts:
```tsx theme={"dark"}
Bold text
Italic text
Underlined text
Strikethrough
```
Combine them:
```tsx theme={"dark"}
Bold and italic
Bold and red
```
***
## Combining styles
```tsx theme={"dark"}
Big bold blue
(with small gray note)
```
***
## Auto-generation
The React reconciler automatically wraps plain strings. This:
```tsx theme={"dark"}
Hello world
```
Internally becomes:
```tsx theme={"dark"}
Hello world
```
You never see this (it just works). Write plain strings, add `` only when styling.
***
## Common patterns
### Label + value
```tsx theme={"dark"}
Name: John Doe
```
### Colored keywords
```tsx theme={"dark"}
Status: Active
```
### Fine print
```tsx theme={"dark"}
Main content here.
*Terms apply
```
### Code inline
```tsx theme={"dark"}
Run npm install to start.
```