← DOCS
layout

HorizontalScroll

Horizontal scrolling panel container.

npx chaos add horizontal-scroll

PREVIEW

USAGE

import { HorizontalScroll } from '@/components/chaos/layout/horizontal-scroll';

<HorizontalScroll showIndicators>
  <div>Panel 1</div>
  <div>Panel 2</div>
  <div>Panel 3</div>
</HorizontalScroll>

PROPS

PropTypeDefault
childrenPanel contents
ReactNode-
variantColor variant
"cyan" | "green" | "amber" | "blood""cyan"
panelSizePanel size
"full" | "large" | "medium" | "small""large"
fadeEdgesShow fade on edges
booleanfalse
showIndicatorsShow navigation indicators
booleanfalse
gapGap between panels in rem
number2