{"_id":"@architecturex/components.radio","name":"@architecturex/components.radio","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@architecturex/components.radio","version":"1.0.0","main":"dist/index.js","types":"dist/index.d.ts","jest":{"preset":"ts-jest","testEnvironment":"node","modulePathIgnorePatterns":["<rootDir>/dist/"]},"keywords":["typescript","react","components","radio"],"scripts":{"build":"cross-env NODE_ENV=production npm-run-all clean compile webpack:production","clean":"rm -rf ./dist","compile":"tsc","lint":"eslint --ext .tsx,.ts ./src/**","lint:fix":"eslint --ext .tsx,.ts ./src/**","test":"jest --verbose","webpack:production":"webpack --config=./webpack.config.ts --env mode=production","prepublishOnly":"npm run lint && npm run build","versioning":"./publish.sh"},"author":{"name":"ArchitectureX"},"license":"MIT","devDependencies":{"@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@types/jest":"^29.5.5","@types/react":"^18.2.23","cross-env":"^7.0.3","eslint":"^8.48.0","eslint-config-airbnb":"^19.0.4","eslint-config-airbnb-typescript":"^17.1.0","eslint-config-prettier":"^9.0.0","eslint-import-resolver-typescript":"^3.6.0","eslint-plugin-import":"^2.28.1","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^5.0.0","jest":"^29.7.0","jest-environment-jsdom":"^29.7.0","npm-run-all":"^4.1.5","ts-jest":"^29.1.1","ts-node":"^10.9.1","typescript":"^5.2.2","webpack-cli":"^5.1.4"},"dependencies":{"@architecturex/devtools":"1.1.6","@architecturex/utils.config":"^1.0.5","@architecturex/utils.cx":"^1.1.1","react":"^18.2.0","react-dom":"^18.2.0","ts-loader":"^9.4.4","webpack":"^5.88.2","webpack-bundle-analyzer":"^4.9.1","webpack-node-externals":"^3.0.0"},"_id":"@architecturex/components.radio@1.0.0","gitHead":"53c3f485fda722d15308542bd06825e8365a202b","description":"## Checkbox","_nodeVersion":"20.8.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-zISbAuyjH0V03z5b1tbrbqWW6Rc6LtnGequQF3aeRK9jhbGzaz8uo6u/xMVKyKf7H2z8MYG7BCNfNQFGQFFkCA==","shasum":"68ee158d68c981fa4a7fd9a58555c324f2d4b01f","tarball":"https://registry.npmjs.org/@architecturex/components.radio/-/components.radio-1.0.0.tgz","fileCount":12,"unpackedSize":12014,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQChpRbt/H+uhrUg/OamsKIE+lFCuThByJCEVEL/KOGS8gIgar/7qSM/IKOzjO8F8oBMDm1H9HQgmlTnrQalKtPw0+8="}]},"_npmUser":{"name":"architecturex","email":"architecturexxx1@gmail.com"},"directories":{},"maintainers":[{"name":"architecturex","email":"architecturexxx1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/components.radio_1.0.0_1704531187190_0.9948136994786116"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-06T08:53:07.072Z","1.0.0":"2024-01-06T08:53:07.345Z","modified":"2024-01-06T08:53:07.649Z"},"maintainers":[{"name":"architecturex","email":"architecturexxx1@gmail.com"}],"description":"## Checkbox","keywords":["typescript","react","components","radio"],"author":{"name":"ArchitectureX"},"license":"MIT","readme":"# @architecturex/components.checkbox\n\n## Checkbox\n\nSelect is a customizable select dropdown component built with React and Tailwind CSS. It supports features like searching, custom styles, and automatic text truncation with ellipsis.\n\n### Installation\n\n`npm install @architecturex/components.select`\n\n### Usage\n\n```javascript\nimport React from 'react'\nimport Select from '@architecturex/components.select'\n\nconst App = () => {\n  const options = [\n    { label: 'Option 1', value: '1', selected: false },\n    { label: 'Option 2', value: '2', selected: true },\n    { label: 'Option 3', value: '3', selected: false }\n  ]\n\n  const handleSelectionChange = (value) => {\n    console.log('Selected:', value)\n  }\n\n  return (\n    <SelectComponent\n      label=\"Select an Option\"\n      options={options}\n      onSelectionChange={handleSelectionChange}\n    />\n  )\n}\n\nexport default App\n```\n\n### Props\n\n- **label (string):** Optional. Label for the select component.\n- **options (Array of Option objects):** Required. Options for the dropdown.\n- **placeholder (string):** Optional. Placeholder text for the select button.\n- **onSelectionChange (function):** Optional. Callback function when an option is selected.\n- **style (CSSProperties):** Optional. Custom styles for the select component.\n- **ellipsisLength (number):** Optional. Maximum length of option text before truncation. Default is 14.\n- **searchable (boolean):** Optional. Enables a search input to filter options.\n\n### Contribution\n\nFeel free to suggest improvements, report issues, or contribute to enhancing this component. Your feedback and contributions are welcome!\n","readmeFilename":"README.md"}