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

# Komponenten

> Durchsuche alle öffentlich exportierten Komponenten aus @pharen/ui.

Diese Referenz wird aus den öffentlichen Exports von `@pharen/ui` 0.0.18 erzeugt. Jede Seite zeigt den Import, ein Beispiel und alle Bausteine des Moduls.

## Formulare und Eingaben

<CardGroup cols={3}>
  <Card title="AI model select" icon="box" href="/de/ui/components/ai-model-select">
    3 exportierte Komponenten
  </Card>

  <Card title="Autocomplete" icon="box" href="/de/ui/components/autocomplete">
    20 exportierte Komponenten
  </Card>

  <Card title="Calendar" icon="box" href="/de/ui/components/calendar">
    2 exportierte Komponenten
  </Card>

  <Card title="Checkbox" icon="box" href="/de/ui/components/checkbox">
    1 exportierte Komponente
  </Card>

  <Card title="Color picker" icon="box" href="/de/ui/components/color-picker">
    1 exportierte Komponente
  </Card>

  <Card title="Combobox" icon="box" href="/de/ui/components/combobox">
    12 exportierte Komponenten
  </Card>

  <Card title="Date picker" icon="box" href="/de/ui/components/date-picker">
    1 exportierte Komponente
  </Card>

  <Card title="Date selector" icon="box" href="/de/ui/components/date-selector">
    1 exportierte Komponente
  </Card>

  <Card title="Dropfile" icon="box" href="/de/ui/components/dropfile">
    1 exportierte Komponente
  </Card>

  <Card title="Field" icon="box" href="/de/ui/components/field">
    10 exportierte Komponenten
  </Card>

  <Card title="File upload" icon="box" href="/de/ui/components/file-upload">
    1 exportierte Komponente
  </Card>

  <Card title="Form" icon="box" href="/de/ui/components/form">
    7 exportierte Komponenten
  </Card>

  <Card title="Input" icon="box" href="/de/ui/components/input">
    1 exportierte Komponente
  </Card>

  <Card title="Input group" icon="box" href="/de/ui/components/input-group">
    6 exportierte Komponenten
  </Card>

  <Card title="Input OTP" icon="box" href="/de/ui/components/input-otp">
    4 exportierte Komponenten
  </Card>

  <Card title="Label" icon="box" href="/de/ui/components/label">
    1 exportierte Komponente
  </Card>

  <Card title="Multi select" icon="box" href="/de/ui/components/multi-select">
    1 exportierte Komponente
  </Card>

  <Card title="Native select" icon="box" href="/de/ui/components/native-select">
    3 exportierte Komponenten
  </Card>

  <Card title="Number field" icon="box" href="/de/ui/components/number-field">
    6 exportierte Komponenten
  </Card>

  <Card title="Phone input" icon="box" href="/de/ui/components/phone-input">
    1 exportierte Komponente
  </Card>

  <Card title="Pin input" icon="box" href="/de/ui/components/pin-input">
    4 exportierte Komponenten
  </Card>

  <Card title="Radio group" icon="box" href="/de/ui/components/radio-group">
    2 exportierte Komponenten
  </Card>

  <Card title="Rating" icon="box" href="/de/ui/components/rating">
    1 exportierte Komponente
  </Card>

  <Card title="Remote select" icon="box" href="/de/ui/components/remote-select">
    1 exportierte Komponente
  </Card>

  <Card title="Search input" icon="box" href="/de/ui/components/search-input">
    1 exportierte Komponente
  </Card>

  <Card title="Segmented control" icon="box" href="/de/ui/components/segmented-control">
    1 exportierte Komponente
  </Card>

  <Card title="Select" icon="box" href="/de/ui/components/select">
    11 exportierte Komponenten
  </Card>

  <Card title="Slider" icon="box" href="/de/ui/components/slider">
    1 exportierte Komponente
  </Card>

  <Card title="Switch" icon="box" href="/de/ui/components/switch">
    1 exportierte Komponente
  </Card>

  <Card title="Textarea" icon="box" href="/de/ui/components/textarea">
    1 exportierte Komponente
  </Card>

  <Card title="Toggle" icon="box" href="/de/ui/components/toggle">
    1 exportierte Komponente
  </Card>

  <Card title="Toggle group" icon="box" href="/de/ui/components/toggle-group">
    2 exportierte Komponenten
  </Card>
</CardGroup>

## Aktionen und Navigation

<CardGroup cols={3}>
  <Card title="Breadcrumb" icon="box" href="/de/ui/components/breadcrumb">
    7 exportierte Komponenten
  </Card>

  <Card title="Button" icon="box" href="/de/ui/components/button">
    1 exportierte Komponente
  </Card>

  <Card title="Button group" icon="box" href="/de/ui/components/button-group">
    3 exportierte Komponenten
  </Card>

  <Card title="Detail icon nav" icon="box" href="/de/ui/components/detail-icon-nav">
    1 exportierte Komponente
  </Card>

  <Card title="Menubar" icon="box" href="/de/ui/components/menubar">
    16 exportierte Komponenten
  </Card>

  <Card title="Navigation menu" icon="box" href="/de/ui/components/navigation-menu">
    8 exportierte Komponenten
  </Card>

  <Card title="Pagination" icon="box" href="/de/ui/components/pagination">
    9 exportierte Komponenten
  </Card>

  <Card title="Scrollspy" icon="box" href="/de/ui/components/scrollspy">
    1 exportierte Komponente
  </Card>

  <Card title="Sidebar" icon="box" href="/de/ui/components/sidebar">
    23 exportierte Komponenten
  </Card>

  <Card title="Stepper" icon="box" href="/de/ui/components/stepper">
    10 exportierte Komponenten
  </Card>

  <Card title="Tabs" icon="box" href="/de/ui/components/tabs">
    4 exportierte Komponenten
  </Card>

  <Card title="Tree" icon="box" href="/de/ui/components/tree">
    4 exportierte Komponenten
  </Card>
</CardGroup>

## Datenanzeige

<CardGroup cols={3}>
  <Card title="Aspect ratio" icon="box" href="/de/ui/components/aspect-ratio">
    1 exportierte Komponente
  </Card>

  <Card title="Avatar" icon="box" href="/de/ui/components/avatar">
    5 exportierte Komponenten
  </Card>

  <Card title="Avatar group" icon="box" href="/de/ui/components/avatar-group">
    2 exportierte Komponenten
  </Card>

  <Card title="Badge" icon="box" href="/de/ui/components/badge">
    3 exportierte Komponenten
  </Card>

  <Card title="Border beam" icon="box" href="/de/ui/components/border-beam">
    1 exportierte Komponente
  </Card>

  <Card title="Card" icon="box" href="/de/ui/components/card">
    10 exportierte Komponenten
  </Card>

  <Card title="Chart" icon="box" href="/de/ui/components/chart">
    22 exportierte Komponenten
  </Card>

  <Card title="Empty" icon="box" href="/de/ui/components/empty">
    6 exportierte Komponenten
  </Card>

  <Card title="Empty state" icon="box" href="/de/ui/components/empty-state">
    1 exportierte Komponente
  </Card>

  <Card title="Frame" icon="box" href="/de/ui/components/frame">
    6 exportierte Komponenten
  </Card>

  <Card title="Icon stack" icon="box" href="/de/ui/components/icon-stack">
    1 exportierte Komponente
  </Card>

  <Card title="Icon tile" icon="box" href="/de/ui/components/icon-tile">
    1 exportierte Komponente
  </Card>

  <Card title="Item" icon="box" href="/de/ui/components/item">
    10 exportierte Komponenten
  </Card>

  <Card title="Kbd" icon="box" href="/de/ui/components/kbd">
    2 exportierte Komponenten
  </Card>

  <Card title="Live waveform" icon="box" href="/de/ui/components/live-waveform">
    1 exportierte Komponente
  </Card>

  <Card title="Plan" icon="box" href="/de/ui/components/plan">
    8 exportierte Komponenten
  </Card>

  <Card title="Progress" icon="box" href="/de/ui/components/progress">
    1 exportierte Komponente
  </Card>

  <Card title="Separator" icon="box" href="/de/ui/components/separator">
    1 exportierte Komponente
  </Card>

  <Card title="Skeleton" icon="box" href="/de/ui/components/skeleton">
    1 exportierte Komponente
  </Card>

  <Card title="Spinner" icon="box" href="/de/ui/components/spinner">
    1 exportierte Komponente
  </Card>

  <Card title="Stat card" icon="box" href="/de/ui/components/stat-card">
    1 exportierte Komponente
  </Card>

  <Card title="Table" icon="box" href="/de/ui/components/table">
    8 exportierte Komponenten
  </Card>

  <Card title="Timeline" icon="box" href="/de/ui/components/timeline">
    8 exportierte Komponenten
  </Card>
</CardGroup>

## Layout

<CardGroup cols={3}>
  <Card title="Carousel" icon="box" href="/de/ui/components/carousel">
    5 exportierte Komponenten
  </Card>

  <Card title="Collapsible" icon="box" href="/de/ui/components/collapsible">
    3 exportierte Komponenten
  </Card>

  <Card title="Resizable" icon="box" href="/de/ui/components/resizable">
    3 exportierte Komponenten
  </Card>

  <Card title="Scroll area" icon="box" href="/de/ui/components/scroll-area">
    2 exportierte Komponenten
  </Card>
</CardGroup>

## Overlays und Feedback

<CardGroup cols={3}>
  <Card title="Accordion" icon="box" href="/de/ui/components/accordion">
    4 exportierte Komponenten
  </Card>

  <Card title="Alert" icon="box" href="/de/ui/components/alert">
    7 exportierte Komponenten
  </Card>

  <Card title="Alert dialog" icon="box" href="/de/ui/components/alert-dialog">
    12 exportierte Komponenten
  </Card>

  <Card title="Command" icon="box" href="/de/ui/components/command">
    9 exportierte Komponenten
  </Card>

  <Card title="Context menu" icon="box" href="/de/ui/components/context-menu">
    15 exportierte Komponenten
  </Card>

  <Card title="Dialog" icon="box" href="/de/ui/components/dialog">
    11 exportierte Komponenten
  </Card>

  <Card title="Drawer" icon="box" href="/de/ui/components/drawer">
    10 exportierte Komponenten
  </Card>

  <Card title="Dropdown menu" icon="box" href="/de/ui/components/dropdown-menu">
    15 exportierte Komponenten
  </Card>

  <Card title="Hover card" icon="box" href="/de/ui/components/hover-card">
    3 exportierte Komponenten
  </Card>

  <Card title="Popover" icon="box" href="/de/ui/components/popover">
    7 exportierte Komponenten
  </Card>

  <Card title="Sheet" icon="box" href="/de/ui/components/sheet">
    8 exportierte Komponenten
  </Card>

  <Card title="Sonner" icon="box" href="/de/ui/components/sonner">
    2 exportierte Komponenten
  </Card>

  <Card title="Tooltip" icon="box" href="/de/ui/components/tooltip">
    4 exportierte Komponenten
  </Card>
</CardGroup>

## Daten und Planung

<CardGroup cols={3}>
  <Card title="Data grid" icon="box" href="/de/ui/components/data-grid">
    12 exportierte Komponenten
  </Card>

  <Card title="Event calendar" icon="box" href="/de/ui/components/event-calendar">
    25 exportierte Komponenten
  </Card>

  <Card title="Filters" icon="box" href="/de/ui/components/filters">
    3 exportierte Komponenten
  </Card>

  <Card title="Gantt" icon="box" href="/de/ui/components/gantt">
    11 exportierte Komponenten
  </Card>

  <Card title="Kanban" icon="box" href="/de/ui/components/kanban">
    12 exportierte Komponenten
  </Card>

  <Card title="Sortable" icon="box" href="/de/ui/components/sortable">
    4 exportierte Komponenten
  </Card>
</CardGroup>