@nevv-ui/components

Complex UI components for Nevv UI - advanced functionality built on primitives.

Installation

npm install @nevv-ui/components @nevv-ui/primitives @nevv-ui/styles
# or
pnpm add @nevv-ui/components @nevv-ui/primitives @nevv-ui/styles

What are Components?

Components are complex, feature-rich UI elements composed of multiple primitives:

• Sophisticated - Advanced functionality and interactions
• Integrated - Built using primitives and utilities
• Feature-Rich - Multiple sub-components and options
• Production-Ready - Battle-tested in real applications

Components

Form & Data Entry

• Form / FormItem - Form validation and layout
• DatePicker / TimePicker - Date and time selection
• ColorPicker - Color selection with presets
• Upload - File upload with drag & drop
• Mentions - @mentions autocomplete
• AutoComplete - Input with suggestions
• DynamicInput / DynamicTags - Dynamic form fields
• Cascader - Nested selection

Data Display

• DataTable - Advanced data grid with sorting, filtering, pagination
• Tree / TreeSelect - Hierarchical data display
• List - Structured list rendering
• Descriptions - Key-value data display
• Timeline - Event timeline
• Statistic - Statistical data display
• Collapse - Collapsible panels
• Carousel - Image/content carousel

Navigation

• Menu - Navigation menus
• Dropdown - Dropdown menus
• Pagination - Page navigation
• Steps - Step-by-step navigation
• Breadcrumb - Navigation trail
• Anchor - Anchor navigation
• Tabs - Tabbed interfaces

Feedback & Overlay

• Modal / Dialog - Modal dialogs
• Notification / Message - Toast notifications
• Drawer - Side panel
• Popconfirm - Confirmation popover

Layout

• Layout - Page layout components

Usage

import { DataTable, Form, Modal } from '@nevv-ui/components'
import '@nevv-ui/styles'

// In your component
<DataTable :columns="columns" :data="data" />

Import individual components

import DataTable from '@nevv-ui/components/data-table'
import Form from '@nevv-ui/components/form'

Dependencies

Components require:

• @nevv-ui/primitives - Base components
• @nevv-ui/styles - CSS styling

TypeScript

Full TypeScript support with comprehensive type definitions.

License

MIT © ESTENX LTD