# Legal Matter Detail

Legal practice management.

- id: `legal-matter-detail`
- Page: https://agentic-ui-kit.com/components/legal-matter-detail
- Live preview: https://agentic-ui-kit.com/live/fixture/legal-matter-detail?piece=legal-matter-detail

## Install

```bash
agentic-ui add legal-matter-detail
npx shadcn@4.17.0 add @agentic-ui/legal-matter-detail
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Installable in:** Radix UI (registry variant new-york)
- **Capabilities:** status-change, activity, deadlines
- **Intents:** manage-collection
- **Suits domains:** operations
- **Interaction:** filter, edit
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** legal practice management
- **Avoid when:** production legal records without backend authorization
- **Preserve when adapting:** state-model
- **Replace when adapting:** fixtures, domain-copy
- **Adaptation effort:** medium
- **Coupling:** medium
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 8/10, code 8/10
- **Uses primitives:** button, card, badge
- **Motion:** profile subtle, library css, reduced-motion fallback yes
- **Used in:** Legal Operations (blueprint)
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** docs-approval-flow, lib-docs-version-history, lib-motion, lib-motion-list, lib-motion-micro-interactions, lib-primitives, lib-tokens, motion-skeleton-shimmer, motion-tab-indicator