Scroll Area

Área de rolagem customizada com scrollbar estilizada.

Uso

<script setup lang="ts">
import { ScrollArea } from '@halfbyte/maka'
</script>

<template>
  <ScrollArea height="200px">
    <p v-for="i in 20" :key="i">Item {{ i }}</p>
  </ScrollArea>
</template>

Exemplos

<!-- Rolagem vertical -->
<ScrollArea height="200px">…</ScrollArea>

<!-- Rolagem horizontal -->
<ScrollArea axis="x">…</ScrollArea>

<!-- Ambos os eixos -->
<ScrollArea axis="both" height="200px">…</ScrollArea>

Props

Prop	Tipo	Padrão
axis	"x" | "y" | "both"	"y"
height	string	—
maxHeight	string	—

Slots

Slot	Descrição
default	Conteúdo com rolagem