Papillon Bits Components
npm install @papillonbits/componentsA comprehensive collection of accessible React components for building modern web applications.

This package provides a complete suite of React components following atomic design principles. All components are built with accessibility, reusability, and customization in mind.
``bash`
npm install @papillonbits/components
`javascript
import { Button, Alert, Input } from '@papillonbits/components';
function MyComponent() {
return (
Dependencies
This package depends on:
-
@papillonbits/css - Styling and CSS primitives
- @papillonbits/library - Utility functions and helpers
- react - React library
- prop-types - Runtime type checkingDevelopment
$3
`bash
Build the package
npm run buildBuild for different environments
npm run build-test
npm run build-acceptance
npm run build-release
`$3
-
clean-up - Remove build artifacts and dependencies
- install-packages - Install dependencies
- install-papillonbits-latest - Update to latest papillonbits packages
- build` - Transpile and build the package- Accessibility First - All components follow WCAG guidelines
- Customizable - Easy to theme and customize via CSS and props
- TypeScript Ready - PropTypes included for runtime validation
- Tree Shakeable - Import only what you need
- Well Tested - Comprehensive test coverage with Jest and Testing Library
- Separation of Concerns - Logic separated from presentation
- Composition - Components designed to work together
- Atomic Design - Built from atoms to organisms to templates
- Accessibility - ARIA attributes and keyboard navigation
- Performance - Optimized for minimal re-renders
For detailed component API documentation and live examples, visit the Storybook documentation.
- Homepage
- Repository
- Issues
- @papillonbits/css - CSS styles and primitives
- @papillonbits/library - Utility functions
- @papillonbits/setup - Build configuration
See root LICENSE file for details.