{"_id":"sho-aid","_rev":"37-9f016b1286917ddcf60525eaa700acc7","time":{"created":"2024-02-22T08:41:05.624Z","1.0.0":"2024-02-20T13:36:14.495Z","modified":"2024-04-28T08:09:24.215Z","2.0.0":"2024-02-22T08:41:05.834Z","2.0.1":"2024-02-22T09:02:09.247Z","3.0.0":"2024-02-22T09:11:26.864Z","3.0.1":"2024-02-22T09:19:45.979Z","3.0.2":"2024-02-22T09:39:22.889Z","3.0.3":"2024-02-22T09:55:03.118Z","3.0.4":"2024-02-22T10:07:50.469Z","3.0.5":"2024-02-22T10:18:48.718Z","3.0.6":"2024-02-22T10:21:03.359Z","3.0.7":"2024-02-22T10:23:43.756Z","1.0.1":"2024-02-26T12:05:38.564Z","1.0.2":"2024-02-26T12:47:31.789Z","1.0.3":"2024-02-26T15:57:15.293Z","1.0.4":"2024-02-26T16:03:24.196Z","1.0.5":"2024-02-26T18:45:28.703Z","1.0.6":"2024-02-26T19:53:24.470Z","1.0.7":"2024-02-26T20:06:21.521Z","1.0.8":"2024-02-26T20:16:59.530Z","1.0.9":"2024-02-26T20:27:07.945Z","1.1.0":"2024-03-06T15:36:09.053Z","1.1.1":"2024-04-28T08:09:24.060Z"},"name":"sho-aid","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.6":{"name":"sho-aid","version":"1.0.6","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.0.6","gitHead":"30b1568b3d12f146242c6eb02e55162c77d0d85b","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-zjg1lgAtJ4jig67gvI/NIm3PmkLxlvOpMBNRPSpxlUahJumkM9D6VQLEfou/9CxtAG493pmdCDcGlV/mEqd+FQ==","shasum":"08be38cb85fe4814d79aca5b25916eb9ef352e1c","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.0.6.tgz","fileCount":16,"unpackedSize":11380,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAIvqFWUNEEwknqvHNylr2n9bN539xxL7mm+BggKBUB/AiEAsK2UDPAKeTX15M32tz/eS4m5GOc5++/Zez65PdqShF0="}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.0.6_1708977204287_0.7515040314861658"},"_hasShrinkwrap":false},"1.0.7":{"name":"sho-aid","version":"1.0.7","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.0.7","gitHead":"30b1568b3d12f146242c6eb02e55162c77d0d85b","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-Dp4itbzR/0d0PriYaYjpiwdJDDnN/Q+QVvu8GiqGcnkYjCZKAbjOYd3euAIJOA4RTBQUQHG3UnXCwDMrtuT6Yw==","shasum":"064facae3c833d1facad4498d2c206f03555b0cb","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.0.7.tgz","fileCount":16,"unpackedSize":11389,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBIT0LaUufpYwLKJApNYCw9pR26dIvWHWrQOUZOqG6f0AiAQeayHUi7LTDWJUUJQ1vM+p/wve1erKTYXNr3G18MTpw=="}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.0.7_1708977981381_0.2879932938173184"},"_hasShrinkwrap":false},"1.0.8":{"name":"sho-aid","version":"1.0.8","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.0.8","gitHead":"30b1568b3d12f146242c6eb02e55162c77d0d85b","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-ga4y6wSR1xvydJGG1ENDWTp513coASegduyFcaIxqQNFSML6vNCSt9prIGfKl6/Fx7MeUk9ccEYH5hU+GmDHnQ==","shasum":"044cdcf1cfe5eb74487001a1b365f94afbd1febf","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.0.8.tgz","fileCount":16,"unpackedSize":11571,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDaoGr14mIwNjDJkva8aOGhPGwMIN0GHYo1J24EZk6fBwIhAID0xs+CjKM+LayUMCxe/nBP56xIk2R7vMiVLpndEBVf"}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.0.8_1708978619369_0.5124597874140733"},"_hasShrinkwrap":false},"1.0.9":{"name":"sho-aid","version":"1.0.9","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.0.9","gitHead":"a86127c4bc260cffb809a86718f07bc88044cb5a","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-E9LyLSd1ffJ8o8Je+XNQelTKcz2EerTCAPbiRmyByDysj/CixpeiHgFNXVWnAzSqCMdrWqPa9cgsrG0NbIg+Nw==","shasum":"aa39eadbd37ce567b07039afbfd73550810e738d","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.0.9.tgz","fileCount":16,"unpackedSize":11573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA3h/bvwYlUuaw1orWsvuEbJWw31wrdyR16dr4VPI8XbAiAHn+/9Hni5EAjCklNJC3LlJqjsVpAQRqPBMGc7BbL1BQ=="}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.0.9_1708979227725_0.4438748869428639"},"_hasShrinkwrap":false},"1.1.0":{"name":"sho-aid","version":"1.1.0","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.1.0","gitHead":"7e6d5552ab0f3dcf6303baf5bb0deef1e8ab3343","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-Zl6i5subiD2v0srNgp8fL1Cp1Gxg7+8RoxZArV4Dkvkl6lvlLDbjOL5tWyO8m6UAqE/2Ev1Qc4j7k5JMuOUAPA==","shasum":"4af083e51c789d7495aaafba73f3fdcba12fbf87","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.1.0.tgz","fileCount":20,"unpackedSize":16111,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyM8T70szVKds/40Tcp99rN3Jpsv+GkMRmW9rWDV8tFAiEAv1kg4rn5kWVd3EhdtSO+C3FMNaEc8YmODHiPSfBmYUE="}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.1.0_1709739368858_0.3957583775763367"},"_hasShrinkwrap":false},"1.1.1":{"name":"sho-aid","version":"1.1.1","style":"dist/index.css","main":"./dist/cjs/index.js","module":"./dist/esm/index.js","types":"./dist/esm/index.d.ts","scripts":{"build":"yarn build:esm && yarn build:cjs && yarn copy:css && yarn remove:testFiles","build:esm":"tsc","build:cjs":"tsc --module commonjs --outDir dist/cjs","copy:css":"cpy \"src/**/*.css\" dist","remove:testFiles":"rimraf dist/cjs/tests dist/esm/tests","lint":"eslint \"{**/*,*}.{js,ts,jsx,tsx}\"","prettier":"prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"","test":"jest --config jestconfig.json","prepare":"npm run build","prepublishOnly":"npm test && npm run prettier && npm run lint"},"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"keywords":["design system","dropdown","button","reusable components"],"author":{"name":"Omotayo Olaniyan"},"license":"MIT","devDependencies":{"@testing-library/react":"^14.2.1","@types/jest":"^29.5.12","@types/react":"^18.2.57","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","cpy-cli":"^5.0.0","eslint":"^8.56.0","eslint-config-prettier":"^9.1.0","eslint-plugin-prettier":"^5.1.3","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","identity-obj-proxy":"^3.0.0","jest":"^29.7.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","prettier":"^3.2.5","react":"^18.2.0","react-dom":"^18.2.0","rimraf":"^5.0.5","ts-jest":"^29.1.2","typescript":"^5.3.3"},"dependencies":{"csstype":"^3.1.3","js-tokens":"^4.0.0","loose-envify":"^1.4.0","scheduler":"^0.23.0"},"peerDependencies":{"react":">=16"},"description":"Design system with reusable components","_id":"sho-aid@1.1.1","gitHead":"3abd5d3778b061ca675d59e39e08ee371ab78e71","bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"homepage":"https://github.com/olan-tayo/Sho-aid#readme","_nodeVersion":"20.5.1","_npmVersion":"9.8.0","dist":{"integrity":"sha512-NifjmQol50QoHmvGo5p1we3SkbBX01zZtDNxFD7ywkEGgdu9CFlrGE89QLzLKiRe4k07+1WuzZWdBVIoCyf9zA==","shasum":"d1bdd11668c97bc445d855a5f931c90484f370ab","tarball":"https://registry.npmjs.org/sho-aid/-/sho-aid-1.1.1.tgz","fileCount":20,"unpackedSize":16773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC9QtBNIdA9tD3hORAh1x67NytyuPvI8ugGkdZZHBY+cAiBEn3M6wr8pL6ot5V1c/CDdw9H4It72zEUteJoBsBHjcg=="}]},"_npmUser":{"name":"olantayo","email":"olantayo3627@gmail.com"},"directories":{},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/sho-aid_1.1.1_1714291763888_0.7093221545189288"},"_hasShrinkwrap":false}},"maintainers":[{"name":"olantayo","email":"olantayo3627@gmail.com"}],"description":"Design system with reusable components","homepage":"https://github.com/olan-tayo/Sho-aid#readme","keywords":["design system","dropdown","button","reusable components"],"repository":{"type":"git","url":"git+https://github.com/olan-tayo/Sho-aid.git"},"author":{"name":"Omotayo Olaniyan"},"bugs":{"url":"https://github.com/olan-tayo/Sho-aid/issues"},"license":"MIT","readme":"# Sho-aid\n\nSho-aid is an atomic design system containing reusable components built with React and Typescript.\n\n[**Link to the npm package**](https://www.npmjs.com/package/sho-aid)\n\n[**Live Demo**]\n\n## Installation:\n\n```bash\nnpm install sho-aid\n```\n\nor\n\n```bash\nyarn add sho-aid\n```\n\n## Usage :\n\nAdd `Dropdown` to your component:\nimport the css styles from 'sho-aid/dist/index.css'\n\n### Dropdown :\n\n```js\nimport React from 'react'\nimport { Dropdown } from 'sho-aid'\nimport 'sho-aid/dist/index.css'\n\nconst DropDownComponent = () => {\n  const data = [\n    { value: 'Orange', key: 1 },\n    { value: 'Apple', key: 2 },\n    { value: 'Kiwi', key: 3 },\n    { value: 'Watermelon', key: 4 },\n    { value: 'Mango', key: 5 },\n  ]\n\n  const [selectedOption, setSelectedOption] = useState()\n\n  const handleSelectOptions = (data) => {\n    setSelectedOption(data?.value)\n  }\n  return (\n    <Dropdown\n      data={data}\n      title={selectedOption || 'Select an option'}\n      onSelect={handleSelectOptions}\n      selectStyle={{}}\n      optionStyle={{}}\n    />\n  )\n}\n\nexport default DropDownComponent\n```\n\nAdd `Button` to your component:\nimport the css styles from 'sho-aid/dist/index.css'\n\n### Button :\n\n```js\nimport React from 'react'\nimport { Button } from 'sho-aid'\nimport 'sho-aid/dist/index.css'\n\nconst ButtonComponent = () => {\n  return (\n    <Button className='' onClick={() => {}} disabled={false}>\n      Test\n    </Button>\n  )\n}\n\nexport default ButtonComponent\n```\n\nAdd `Tab` to your component:\nimport the css styles from 'sho-aid/dist/index.css'\n\n### Tab :\n\n```js\nimport React from 'react'\nimport { Tab } from 'sho-aid'\nimport 'sho-aid/dist/index.css'\n\nconst TabComponent = () => {\n  const tabValues = [\n    { value: 'Orange', key: 1 },\n    { value: 'Apple', key: 2 },\n    { value: 'Kiwi', key: 3 },\n  ]\n  return (\n    <Tab\n      data={tabValues}\n      tabText='flex gap-3 cursor-pointer'\n      tabContainer=''\n      onSelectedTab={(tab) => {\n        console.log(tab) //{value: 'Orange', key: 1}\n      }}\n    >\n      <div>One</div>\n      <div>Two</div>\n      <div>Three</div>\n    </Tab>\n  )\n}\n\nexport default TabComponent\n```\n\n### Custom styling\n\nIf you want to use default sho-aid styling to build upon it, you can import sho-aid's styles by using:\n\n```ts\nimport 'sho-aid/dist/index.css'\n```\n\n[npm-url]: https://www.npmjs.com/package/sho-aid\n","readmeFilename":"README.md"}