Project Grid
LayoutCard grid for project listings — title, description, metadata, and action menu.
Project GridLayout · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Project Grid from @otfdashkit/ui.
Code
// Project Grid — Card grid for project listings — title, description, metadata, and action menu.
//
// Install:
// bun add @otfdashkit/ui
import { ProjectGrid } from '@otfdashkit/ui'
export function Example() {
return (
<ProjectGrid>
{/* your content */}
</ProjectGrid>
)
}Props
Props declared in the GridList source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| gap | number | 1 | Gap between items in rem (default 1 = 16px) |
| minItemWidth | number | 240 | Minimum width per item (px). Columns fill to that, then reflow. |