> ## Documentation Index
> Fetch the complete documentation index at: https://docs.twenty.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Přehled

> Knihovna komponent pro Twenty CRM

export const CardTitle = ({children}) => {
  return <div className="text-base font-semibold text-gray-900 dark:text-gray-100">
      {children}
    </div>;
};

## Komponenty

<CardGroup cols={2}>
  <Card href="/l/cs/twenty-ui/display" img="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/views/filter.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=457ca3d2bad4bdf406ab6b01f22e0bf2" width="1440" height="680" data-path="images/user-guide/views/filter.png">
    <CardTitle>Display</CardTitle>
    Zobrazovací komponenty pro vizuální prezentaci informací
  </Card>

  <Card href="/l/cs/twenty-ui/progress-bar" img="https://mintcdn.com/twenty/JIRRbviz5phT8G2L/images/user-guide/fields/field.png?fit=max&auto=format&n=JIRRbviz5phT8G2L&q=85&s=d05539b92dcec1953026ba95f2bfe07d" width="1440" height="680" data-path="images/user-guide/fields/field.png">
    <CardTitle>Feedback</CardTitle>
    Komponenty pro zpětnou vazbu pro uživatelská oznámení
  </Card>

  <Card href="/l/cs/twenty-ui/input" img="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/tips/light-bulb.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=2801cd9b03d8ff39bb24472e0311f540" width="1440" height="680" data-path="images/user-guide/tips/light-bulb.png">
    <CardTitle>Input</CardTitle>
    Vstupní komponenty pro interakci s uživatelem
  </Card>

  <Card href="/l/cs/twenty-ui/navigation" img="https://mintcdn.com/twenty/GMeQVDsw5ST_LXpE/images/user-guide/tasks/tasks_header.png?fit=max&auto=format&n=GMeQVDsw5ST_LXpE&q=85&s=4c4e26ebbb9b40e541a945a9cda7c28a" width="1440" height="680" data-path="images/user-guide/tasks/tasks_header.png">
    <CardTitle>Navigation</CardTitle>
    Navigační komponenty pro uživatelské rozhraní
  </Card>
</CardGroup>