---
title: 개요
description: Twenty CRM을 위한 구성 요소 라이브러리
---

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

## 구성 요소

<CardGroup cols={2}>
  <Card href="/l/ko/twenty-ui/display" img="/images/user-guide/views/filter.png">
    <CardTitle>디스플레이</CardTitle>
    시각적으로 정보를 표시하기 위한 구성 요소
  </Card>

  <Card href="/l/ko/twenty-ui/progress-bar" img="/images/user-guide/fields/field.png">
    <CardTitle>피드백</CardTitle>
    사용자 알림을 위한 피드백 구성 요소
  </Card>

  <Card href="/l/ko/twenty-ui/input" img="/images/user-guide/tips/light-bulb.png">
    <CardTitle>입력</CardTitle>
    사용자 상호작용을 위한 입력 구성 요소
  </Card>

  <Card href="/l/ko/twenty-ui/navigation" img="/images/user-guide/tasks/tasks_header.png">
    <CardTitle>네비게이션</CardTitle>
    사용자 인터페이스를 위한 네비게이션 구성 요소
  </Card>
</CardGroup>