Kobra | React Direction component

Free

Input OTP Navigation Menu Video Carousel AI Editor Command Menu Toast Conversation Halftone Dots Sound

Agents

Reasoning Steps File Diff Image Generation Streaming Text Inline Citations Code Block Task List Chat Input Plan Card Question Card Message Message Scroller

Content

Table Chart Item Avatar Badge Marker Kbd Attachment

Feedback

Alert Progress Spinner Skeleton Empty

Form controls

Form Input Input Dissolve Textarea Button Toggle Group Checkbox Radio Group Switch Slider Select Combobox Multi Select Calendar Magnetic Dropzone

Layout

Card Accordion Collapsible Aspect Ratio Logo Carousel Separator Scroll Area Resizable Direction

Navigation

Tabs Breadcrumb Pagination Sidebar Menubar

Overlays

Dialog Sheet Drawer Popover Hover Card Tooltip Dropdown Menu Context Menu

Inspect

منظر جوي لفلوريانوبوليس: خليج فيروزي ترسو فيه قوارب شراعية بين تلال مكسوة بالغابات والمدينة.

فلوريانوبوليس

سانتا كاتارينا، البرازيل

يقع معظم المدينة على جزيرة يحيط بها نحو أربعين شاطئًا. مياه هادئة وأشجار مانغروف في الشمال، وأمواج أطلسية مفتوحة على طول الساحل الشرقي.

Direction

Provides left-to-right or right-to-left direction.

Install

npx shadcn@latest add @kobra/direction

PropTypeDefault

children

ReactNode

Component content

className

string

Optional CSS classes

Composition

Built on the Base UI Direction Provider primitive.
Takes a fixed set of props rather than native element ones.