---
title: 概要
description: Twenty CRMのためのコンポーネントライブラリ
---

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

## コンポーネント

<CardGroup cols={2}>
  <Card href="/l/ja/twenty-ui/display" img="/images/user-guide/views/filter.png">
    <CardTitle>表示</CardTitle>
    視覚的に情報を表示するためのコンポーネント
  </Card>

  <Card href="/l/ja/twenty-ui/progress-bar" img="/images/user-guide/fields/field.png">
    <CardTitle>フィードバック</CardTitle>
    ユーザー通知のためのフィードバックコンポーネント
  </Card>

  <Card href="/l/ja/twenty-ui/input" img="/images/user-guide/tips/light-bulb.png">
    <CardTitle>入力</CardTitle>
    ユーザーとの対話のための入力コンポーネント
  </Card>

  <Card href="/l/ja/twenty-ui/navigation" img="&#x22;&#x22;">
    <CardTitle>ナビゲーション</CardTitle>
    ユーザーインターフェースのためのナビゲーションコンポーネント
  </Card>
</CardGroup>