Tipografia
Conjunto de componentes tipográficos com estilos consistentes, ideais para construção de interfaces coesas.
Título H1
Título H2
Título H3
Título H4
Título H5
Título H6
Este é um parágrafo com o componente Text.
Aqui está um texto sublinhado e um trecho de código.
Citação de exemplo usando Blockquote. Esse estilo é ótimo para trechos destacados.
Utilização
index.tsx
import {
Title,
Text,
Bold,
Underline,
InlineCode,
Caption,
Blockquote,
Label
} from "@convertcompany/ui";
Componentes
Title
| Propriedade | Tipo |
|---|---|
| sizeDefine a hierarquia e estilo do título. Padrão é 'h3'. | h1 h2 h3 h4 h5 h6 |
| classNameClasse CSS adicional. | string |
Text
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
Bold
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
Underline
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
InlineCode
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
Caption
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
Blockquote
| Propriedade | Tipo |
|---|---|
| classNameClasse CSS adicional. | string |
Label
| Propriedade | Tipo |
|---|---|
| htmlForID do elemento associado ao label. | string |
| classNameClasse CSS adicional. | string |