naive-ui/demo/documentation/components/typography/enUS/index.md

# Typography

Naive UI provides some basic styling for common HTML tags. It also provides some components to render text better.

Layout is a kind of art.

## Demos
```demo
header
tags
text
```

## Props

### Text Props
|Name|Type|Default|Description|
|-|-|-|-|
|type|`'default' \| 'success' \| 'info' \| 'warning' \| 'error'`|`'default'`||
|strong|`boolean`|`false`||
|italic|`boolean`|`false`||
|underline|`boolean`|`false`||
|delete|`boolean`|`false`||
|code|`boolean`|`false`||
|depth|`'primary' \| 'secondary' \| 'tertiary'`|`null`||
|as|`string`|`null`|What tag should be this component be rendered as. Won't work when `code` or `del` is set.|

### P Props
|Name|Type|Default|Description|
|-|-|-|-|
|depth|`'primary' \| 'secondary' \| 'tertiary'`|`null`||


### H1, H2, H3, H4, H5, H6 Props
|Name|Type|Default|Description|
|-|-|-|-|
|align-text|`boolean`|`false`||
|type|`'default' \| 'success' \| 'info' \| 'warning' \| 'error'`|`'default'`||
|prefix|`'bar'`|`null`||

### A Props
|Name|Type|Default|Description|
|-|-|-|-|
|to|`string`|`null`|If the prop is set, it will be rendered as a Vue Router router-link component. Make sure you don't want to use href.|

### Ul, Ol Props
|Name|Type|Default|Description|
|-|-|-|-|
|align-text|`boolean`|`false`||

### Blockquote Props
|Name|Type|Default|Description|
|-|-|-|-|
|align-text|`boolean`|`false`||

## Slots
### All Typography Components
|Name|Parameters|Description|
|-|-|-|
|default|`()`||