kapwa
blocklistssource: ok · hit
Lists Section
A section showcasing different list styles and search results.
npx shadcn add "https://kapwa-two.vercel.app/r/lists.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
cardbutton
Files1 · source cached 10/9/2026, 3:29:18 PM
src/lib/demo/blocks/sections/lists/index.tsx
import React from 'react';
import { List } from '@kapwa/list';
import { Card, CardContent } from '@kapwa/card';
type ListSectionItem = {
id: number;
title: string;
category: string;
description?: string;
};
type ListsSectionProps = {
title: string;
headerTitle: string;
headerSubtitle?: string;
externalLinkText?: string;
listItems: ListSectionItem[];
};
const ListsSection: React.FC<ListsSectionProps> = ({
title,
headerTitle,
headerSubtitle,
externalLinkText,
listItems,
}: ListsSectionProps) => {
return (
<Card className='mb-2'>
<CardContent>
<List
title={title}
headerTitle={headerTitle}
headerSubtitle={headerSubtitle}
externalLinkText={externalLinkText}
listItems={listItems}
/>
</CardContent>
</Card>
);
};
export { ListsSection };
export type { ListSectionItem, ListsSectionProps };