UNPKG

expandable-content

Version:

The Collapsible Content component is a versatile and user-friendly feature that enhances the user experience by allowing them to view and hide additional content with ease. With this component, you can present large amounts of information in a condensed f

75 lines (74 loc) 3.09 kB
{ "name": "expandable-content", "version": "0.1.9", "description": "The Collapsible Content component is a versatile and user-friendly feature that enhances the user experience by allowing them to view and hide additional content with ease. With this component, you can present large amounts of information in a condensed format, ensuring a clean and organized interface. By default, the component displays a summary or preview of the content, providing a concise overview to the users. When users want to explore more, they can simply click on the \"See More\" button, expanding the component to reveal the hidden content. This feature is particularly useful for lengthy descriptions, lists, or sections that could overwhelm the user if fully displayed at once. To maintain a clutter-free interface and prevent content overload, the Collapsible Content component also offers a \"See Less\" option. By clicking on the \"See Less\" button, users can conveniently collapse the expanded content, returning to the summary view. The Collapsible Content component is highly customizable, allowing you to adapt it to fit your website or application design seamlessly. You can adjust the styling, such as colors, fonts, and button placements, to ensure visual consistency and alignment with your overall user interface. Whether you are building a blog, an e-commerce platform, or any application where managing large content blocks is crucial, the Collapsible Content component provides an elegant solution. It empowers users to explore information at their own pace while maintaining a clean and organized interface, improving the overall user experience and engagement.", "private": false, "author": "Haroon Fayyaz", "main": "dist/index.js", "module": "dist/index.js", "keywords": [ "expandable content", "see more", "see less", "collapsible", "Expandable", "Toggle", "Show More", "Show Less", "Folding", "Panel", "Accordion", "Dynamic", "Content Display", "Expand", "Collapse", "Hide", "Reveal", "Component", "UI", "User-friendly", "Interaction", "Web Development", "Frontend" ], "babel": { "presets": [ "@babel/preset-react" ] }, "repository": { "type": "git", "url": "git@github.com:haroonfayyaz17/expandable-content.git" }, "dependencies": { "react": "^16.4.0", "react-dom": "^16.8.6", "react-scripts": "3.0.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "publish:npm": "rm -rf dist && mkdir dist && babel ./src/ -d dist --copy-files" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@babel/cli": "^7.5.5", "@babel/preset-react": "^7.0.0" } }