{"_id":"@baianat/accordion","_rev":"4-01e1cd00bb9854967a47aeab613feaf2","name":"@baianat/accordion","description":"ES6 accordion extension for Base framework.","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@baianat/accordion","version":"0.0.1","description":"ES6 accordion extension for Base framework.","main":"dist/js/accordion.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT","_id":"@baianat/accordion@0.0.1","_npmVersion":"5.6.0","_nodeVersion":"9.4.0","_npmUser":{"name":"abdelrahman3d","email":"Abdelrahman3d@gmail.com"},"dist":{"integrity":"sha512-a8ytdLLBbdfAVRDfUQC/RjWd41FzMeMqe7d+1QAkTcn1zLyDO/r1LNO/W/8PE6dJazdol7FKpPbXTqvdcez4Og==","shasum":"fafb33a5c2db296a716ef52c9520901986acf0da","tarball":"https://registry.npmjs.org/@baianat/accordion/-/accordion-0.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCH0xw1yOlO1TSz8QY32xyGOwQuu8iin3SDKLc6zvOJ44CIQCbEsdSUshUYcw8WKdMZFrXI7XylVGgx+1fZB+zWGc8fQ=="}]},"maintainers":[{"name":"abdelrahman3d","email":"Abdelrahman3d@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/accordion-0.0.1.tgz_1517763108182_0.23617413267493248"},"directories":{}}},"readme":"# Accordion\n\nES6 accordion extension for Base framework.\n\n## Getting Started\n\n### Installation\n\nYou can install accordion as part of base.extensions\n\n```bash\nnpm install @baianat/base.extensions\n\n# or using yarn\nyarn add @baianat/base.extensions\n```\n\nIf you want the standalone version\n\n```bash\nnpm install @baianat/accordion\n\n# or using yarn\nyarn add @baianat/accordion\n```\n\n### Include necessary files\n\n``` html\n<head>\n  <link rel=\"stylesheet\" href=\"dist/css/accordion.css\">\n</head>\n<body>\n    ...\n    <script type=\"text/javascript\" src=\"dist/js/accordion.js\"></script>\n</body>\n```\n\n### HTML Layout\n\n* `.accordion`\n  * `.accordion-item`\n    * `.accordion-title`\n      * `.accordion-icon`\n    * `.accordion-body`\n  * `.accordion-item`\n    * ...\n\n``` html\n<ul class=\"accordion\" id=\"myAccordion\">\n  <li class=\"accordion-item is-active\">\n    <a class=\"accordion-title\">\n      <span class=\"accordion-icon\"></span>\n      Title 1\n    </a>\n    <div class=\"accordion-body\">\n      <p> Awesome content! </p>\n    </div>\n  </li>\n\n  <li class=\"accordion-item is-active\">\n    <a class=\"accordion-title\">\n      <span class=\"accordion-icon\"></span>\n      Title 2\n    </a>\n    <div class=\"accordion-body\">\n      <p> Awesome content! </p>\n    </div>\n  </li>\n\n  <li class=\"accordion-item is-active\">\n    <a class=\"accordion-title\">\n      <span class=\"accordion-icon\"></span>\n      Title 3\n    </a>\n    <div class=\"accordion-body\">\n      <p> Awesome content! </p>\n    </div>\n  </li>\n</ul>\n```\n\nIf you want the clean version of accordion add `.is-clean` class to main div\n\n```html\n  <ul class=\"accordion is-clean\" id=\"myAccordion\">\n    ...\n  </ul>\n```\n\n### Make it work\n\nOne last step is to call create new accordion\n\n```js\n  let myAccordion = new Accordion('#myAccordion');\n```\n\nYou can use the static method `Accordion.create` to search for all accordions in the page and create a new instant of it.\n\n```js\n  Accordion.create();\n```\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2017 [Baianat](http://baianat.com)\n","maintainers":[{"email":"mobher@gmail.com","name":"baianaters"}],"time":{"modified":"2022-04-04T17:30:46.919Z","created":"2018-02-04T16:51:49.102Z","0.0.1":"2018-02-04T16:51:49.102Z"},"license":"MIT","readmeFilename":"README.md"}