---
title: Visão Geral
icon: paleta
description: Biblioteca de componentes para Twenty CRM
---

import { CardTitle } from "/snippets/card-title.mdx"

## Componentes

<CardGroup cols={2}>
  <Card href="/l/pt/twenty-ui/display" img="/images/user-guide/views/filter.png">
    <CardTitle>Exibição</CardTitle>
    Componentes de exibição para mostrar informações visualmente
  </Card>

  <Card href="/l/pt/twenty-ui/progress-bar" img="/images/user-guide/fields/field.png">
    <CardTitle>Feedback</CardTitle>
    Componentes de feedback para notificações do usuário
  </Card>

  <Card href="/l/pt/twenty-ui/input" img="/images/user-guide/tips/light-bulb.png">
    <CardTitle>Entrada</CardTitle>
    Componentes de entrada para interação do usuário
  </Card>

  <Card href="/l/pt/twenty-ui/navigation" img="/images/user-guide/tasks/tasks_header.png">
    <CardTitle>Navegação</CardTitle>
    Componentes de navegação para interface do usuário
  </Card>
</CardGroup>