Scroll Area

Layout

Custom scrollable container with styled scrollbar, max-height/width and orientation.

Instalação via CLI

$ npx kikitocn add scroll-area

Interno:

@/lib/utils

Exemplo de uso

Scroll AreaExample.tsx

import { ScrollArea } from "@/components/ui/cn/scroll-area/ScrollArea";

export function ScrollAreaExample() {
  return (
    <ScrollArea />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo com scroll
`orientation`	`'vertical' \| 'horizontal' \| 'both'`	`'vertical'`	Direção do scroll permitido
`maxHeight`	`number \| string`	`undefined`	Altura máxima antes de ativar scroll vertical
`maxWidth`	`number \| string`	`undefined`	Largura máxima antes de ativar scroll horizontal

Carregando…