Virtual List

Data

Windowed virtual list for rendering large datasets efficiently with fixed row height.

Instalação via CLI

$ npx kikitocn add virtual-list

Interno:

@/lib/utils

Exemplo de uso

Virtual ListExample.tsx

import { VirtualList } from "@/components/ui/cn/virtual-list/VirtualList";

export function VirtualListExample() {
  return (
    <VirtualList />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`T[]`	—	Array completo de itens
`itemHeight*`	`number`	—	Altura em px de cada item (fixo)
`height*`	`number`	—	Altura visível do contêiner em px
`renderItem*`	`(item: T, index: number) => ReactNode`	—	Função que renderiza cada item
`overscan`	`number`	`3`	Itens extras renderizados acima/abaixo da janela visível

Voltar para Data

Carregando…