{"id":28456898,"url":"https://github.com/mrprotocoll/pillardash-ui-react","last_synced_at":"2025-06-30T00:31:41.513Z","repository":{"id":297692295,"uuid":"993993828","full_name":"mrprotocoll/pillardash-ui-react","owner":"mrprotocoll","description":"A React components library for building modern web applications with consistent design and behavior.","archived":false,"fork":false,"pushed_at":"2025-06-15T19:06:42.000Z","size":1368,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-15T19:11:15.662Z","etag":null,"topics":["npm-package","package","react","react-component-library"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mrprotocoll.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-01T00:42:33.000Z","updated_at":"2025-06-15T19:06:41.000Z","dependencies_parsed_at":"2025-06-06T21:46:36.442Z","dependency_job_id":"84347f9e-7662-46c3-9378-c18bacba0494","html_url":"https://github.com/mrprotocoll/pillardash-ui-react","commit_stats":null,"previous_names":["mrprotocoll/pillardash-ui-react"],"tags_count":19,"template":false,"template_full_name":null,"purl":"pkg:github/mrprotocoll/pillardash-ui-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrprotocoll%2Fpillardash-ui-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrprotocoll%2Fpillardash-ui-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrprotocoll%2Fpillardash-ui-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrprotocoll%2Fpillardash-ui-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mrprotocoll","download_url":"https://codeload.github.com/mrprotocoll/pillardash-ui-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mrprotocoll%2Fpillardash-ui-react/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261202716,"owners_count":23124342,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["npm-package","package","react","react-component-library"],"created_at":"2025-06-06T23:09:28.170Z","updated_at":"2025-06-30T00:31:41.503Z","avatar_url":"https://github.com/mrprotocoll.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pillardash Component Library\n\nA collection of reusable React components for building modern web applications with consistent design and behavior.\n\n## Features\n\n- **TypeScript Support**: Fully typed components with exported prop types\n- **Accessible**: Built with WAI-ARIA standards\n- **Customizable**: Theme support and style overrides\n- **Responsive**: Works across all device sizes\n- **Form Components**: Complete suite of form inputs and controls\n\n## Installation\n\n```bash\nnpm install pillardash-ui-react\n# or\nyarn add pillardash-ui-react\n```\n\n## Peer Dependencies\n\nThis library requires:\n\n```json\n{\n  \"react\": \"^18.0.0 || ^19.0.0\",\n  \"react-dom\": \"^18.0.0 || ^19.0.0\"\n}\n```\n\n## Available Components\n\n### Form Controls\n- `Button` - Interactive button element\n- `CheckBox` - Custom checkbox input\n- `FileUpload` - File upload component with drag-and-drop\n- `Input` - Text input field\n- `Search` - Search input with debounce\n- `Select` - Custom select dropdown\n- `TextEditor` - Rich text editor\n\n### Data Display\n- `DataTable` - Sortable and paginated table\n- `Card` - Flexible content container\n\n### Feedback\n- `Alert` - Contextual notification messages\n- `Loading` - Animated loading indicators\n\n## Usage\n\n```tsx\nimport { Button, Input } from 'pillardash-ui-react';\n\nfunction Example() {\n  return (\n    \u003cdiv\u003e\n      \u003cInput \n        label=\"Email\" \n        placeholder=\"Enter your email\" \n      /\u003e\n      \u003cButton variant=\"primary\"\u003e\n        Submit\n      \u003c/Button\u003e\n    \u003c/div\u003e\n  );\n}\n```\n\n## Theming\n\nCustomize the look and feel by wrapping your app with the `ThemeProvider`:\n\n```tsx\nimport { ThemeProvider } from 'pillardash-ui-react';\n\nfunction App() {\n  return (\n    \u003cThemeProvider\n      theme={{\n        colors: {\n          primary: '#0E8A74',\n          secondary: '#0E8AAA'\n        }\n      }}\n    \u003e\n      {/* Your app */}\n    \u003c/ThemeProvider\u003e\n  );\n}\n```\n\n## TypeScript Support\n\nAll components include TypeScript definitions. Import prop types for extended customization:\n\n```tsx\nimport { Button, type ButtonProps } from 'pillardash-ui-react';\n\nconst CustomButton = (props: ButtonProps) =\u003e (\n  \u003cButton {...props} className=\"custom-class\" /\u003e\n);\n```\n\n## Contributing\n\nWe welcome contributions! Please see our [Contributing Guidelines](CONTRIBUTING.md).\n\n## License\n\nMIT © [Osai Technologies](https://osaitech.dev)\n\n---\n\n## Component Documentation\n\n### Button\n\n```tsx\n\u003cButton\n  variant=\"primary\" | \"secondary\" | \"outline\"\n  size=\"sm\" | \"md\" | \"lg\"\n  loading={boolean}\n  disabled={boolean}\n  onClick={() =\u003e void}\n\u003e\n  Click me\n\u003c/Button\u003e\n```\n\n### Input\n\n```tsx\n\u003cInput\n  label=\"Email\"\n  placeholder=\"user@example.com\"\n  error=\"Invalid email\"\n  value={string}\n  onChange={(e) =\u003e void}\n/\u003e\n```\n\n### Select\n\n```tsx\n\u003cSelect\n  options={[\n    { value: '1', label: 'Option 1' },\n    { value: '2', label: 'Option 2' }\n  ]}\n  value={string}\n  onChange={(selected) =\u003e void}\n/\u003e\n```\n\n## Development Setup\n\n1. Clone the repository\n2. Install dependencies: `npm install`\n3. Run Storybook: `npm run storybook`\n4. Build the library: `npm run build`\n\n## Testing\n\n```bash\nnpm test\n# or\nnpm run test:watch\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrprotocoll%2Fpillardash-ui-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrprotocoll%2Fpillardash-ui-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrprotocoll%2Fpillardash-ui-react/lists"}