@verto/core A comprehensive React component library built with TypeScript, Tailwind CSS, and Radix UI primitives. Installation bashnpm install @verto/core

or

yarn add @verto/core

or

pnpm add @verto/core Requirements

React 18+ Tailwind CSS (configured in your project)

Usage Basic Component Usage tsximport { Button, Card, CardContent, CardHeader, CardTitle } from '@verto/core'

function App() { return ( Welcome to Verto Get Started ) } Using Context Providers tsximport { ComponentProvider, RegistryProvider } from '@verto/core'

function App() { return ( {/_ Your app components _/} ) } Using Hooks tsximport { useMobile } from '@verto/core'

function ResponsiveComponent() { const isMobile = useMobile()

return (

Accordion Alert & Alert Dialog Avatar Badge Breadcrumb Button Calendar Card Carousel Chart Checkbox Collapsible Command Context Menu Dialog Drawer Dropdown Menu Form Hover Card Input & Input OTP Label Menubar Navigation Menu Pagination Popover Progress Radio Group Resizable Scroll Area Select Separator Sheet Sidebar Skeleton Slider Switch Table Tabs Textarea Toggle & Toggle Group Tooltip

Contexts

ComponentProvider - Provides component context RegistryProvider - Provides registry context

Hooks

useMobile - Responsive hook for mobile detection

Utilities

cn - Class name utility function Various utility functions for component behavior

Tailwind CSS Configuration This package is built for Tailwind CSS v4. Make sure your Tailwind CSS configuration includes the necessary settings: js// tailwind.config.js export default { content: [ // ... your content paths "./node_modules/@verto/core/dist/**/*.{js,ts,jsx,tsx}", ], theme: { extend: { // Add any custom theme extensions }, }, plugins: [], } Note: This package requires Tailwind CSS v4+ due to updated class names and features. TypeScript Support This package is built with TypeScript and includes full type definitions. License UNLICENSED Contributing Please read our contributing guidelines before submitting PRs. Support For issues and questions, please use the GitHub issues page.