# Saas Manage Collection Pinned Grid

Pinned cards maintain their content hierarchy within a draggable grid.

- id: `saas-manage-collection-pinned-grid`
- Page: https://agentic-ui-kit.com/components/saas-manage-collection-pinned-grid
- Live preview: https://agentic-ui-kit.com/live/template/code-hosting?piece=saas-manage-collection-pinned-grid

## Install

```bash
agentic-ui add saas-manage-collection-pinned-grid
npx shadcn@4.17.0 add @agentic-ui/saas-manage-collection-pinned-grid
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Template:** Forkyard Code Hosting
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** drag-reorder, keyboard-reorder, pinned-grid
- **Intents:** manage-collection
- **Suits domains:** saas, devtools, knowledge, file-storage
- **Interaction:** drag-reorder, keyboard-reorder, pinned-grid
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Pinned cards maintain their content hierarchy within a draggable grid.
- **Avoid when:** A single primitive control is sufficient., Production behavior requires real service integration.
- **Preserve when adapting:** information-hierarchy, drag-reorder, keyboard-reorder
- **Replace when adapting:** domain-labels, mock-data, store-adapter
- **Adaptation effort:** medium
- **Coupling:** low
- **Quality score:** 8.25/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 7/10, code 8/10
- **npm dependencies:** devtools-explore-detail-repository-card
- **Used in:** Forkyard Code Hosting (template)
- **npm dependencies (registry):** @dnd-kit/core@6.3.1, @dnd-kit/sortable@10.0.0, @dnd-kit/utilities@3.2.2, lucide-react@0.577.0
- **Registry dependencies:** devtools-explore-detail-repository-card, lib-code-hosting-utils