The Text component has a specific mission: rendering paragraphs.
Bold
Set the font-weight to bold.
| Type | Default Value |
|---|
| bool | false |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
<NVText Bold>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NVText>
<p class="nv-text text-sm font-bold">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.</p>
<nv-text bold>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex
nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac,
varius suscipit nunc.
</nv-text>
<NvText bold>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NvText>
Medium
Set the font-weight to medium.
| Type | Default Value |
|---|
| bool | false |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
<NVText Medium>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NVText>
<p class="nv-text text-sm font-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.</p>
<nv-text medium>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex
nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac,
varius suscipit nunc.
</nv-text>
<NvText medium>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NvText>
Size
Set the size and line-height of the text.
The available values are xs, sm, md, lg, and xl.
The default size is sm.
| Type | Default Value |
|---|
| string | sm |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
<NVText Size="md">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NVText>
<p class="nv-text font-normal text-md">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.</p>
<nv-text size>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex
nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac,
varius suscipit nunc.
</nv-text>
<NvText size="sm">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et ex nunc. Nulla facilisi. Curabitur massa mauris, malesuada vel ipsum ac, varius suscipit nunc.
</NvText>
