CmScrollArea

import { CmScrollArea } from "cosmemilton-ui/client";

import { CmScrollArea } from "cosmemilton-ui/client";
import { CmItem, CmStack } from "cosmemilton-ui/server";

const items = Array.from({ length: 8 }, (_, index) => "Atividade " + (index + 1));

export default function Example() {
  return (
    <CmScrollArea height={220}>
      <CmStack gap="sm">
        {items.map((item) => (
          <CmItem key={item} title={item} description="Evento registrado no historico." />
        ))}
      </CmStack>
    </CmScrollArea>
  );
}