KobraGet Pro

Free

Input OTPNavigation MenuVideoCarouselAI EditorCommand MenuToastConversationHalftone DotsSound

Agents

Reasoning StepsFile DiffImage GenerationStreaming TextInline CitationsCode BlockTask ListChat InputPlan CardQuestion CardMessageMessage Scroller

Content

TableChartItemAvatarBadgeMarkerKbdAttachment

Feedback

AlertProgressSpinnerSkeletonEmpty

Form controls

FormInputInput DissolveTextareaButtonToggle GroupCheckboxRadio GroupSwitchSliderSelectComboboxMulti SelectCalendarMagnetic Dropzone

Layout

CardAccordionCollapsibleAspect RatioLogo CarouselSeparatorScroll AreaResizableDirection

Navigation

TabsBreadcrumbPaginationSidebarMenubar

Overlays

DialogSheetDrawerPopoverHover CardTooltipDropdown MenuContext Menu

Scrollable row 1

Scrollable row 2

Scrollable row 3

Scrollable row 4

Scrollable row 5

Scrollable row 6

Scrollable row 7

Scrollable row 8

Scrollable row 9

Scrollable row 10

Scrollable row 11

Scrollable row 12

Scrollable row 13

Scrollable row 14

Scrollable row 15

Scrollable row 16

Scrollable row 17

Scrollable row 18

Scrollable row 19

Scrollable row 20

Scroll Area

A custom cross-browser scroll container.

Install

npx shadcn@latest add @kobra/scroll-area
PropTypeDefault

children

ReactNode

Component content

className

string

Optional CSS classes

Composition

  • Built on the Base UI Scroll Area primitive.
  • Ships 2 named parts you arrange yourself.
  • Passes anything it does not read straight through.
  • Carries data-slot attributes to style against.