{"id":15295910,"url":"https://github.com/duhdugg/preaction-bootstrap-clips","last_synced_at":"2025-07-19T01:04:13.935Z","repository":{"id":39128777,"uuid":"263732620","full_name":"duhdugg/preaction-bootstrap-clips","owner":"duhdugg","description":"This is a small library of React components targeting Bootstrap v5. The primary intention of this project is to reduce the markup needed for commonly-used elements.","archived":false,"fork":false,"pushed_at":"2023-01-08T07:42:08.000Z","size":8012,"stargazers_count":0,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-30T16:06:27.356Z","etag":null,"topics":["bootstrap","bootstrap5","npm-package","react","react-component-library"],"latest_commit_sha":null,"homepage":"https://duhdugg.github.io/preaction-bootstrap-clips/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/duhdugg.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-13T20:09:49.000Z","updated_at":"2022-02-13T18:05:10.000Z","dependencies_parsed_at":"2023-02-08T05:16:38.625Z","dependency_job_id":null,"html_url":"https://github.com/duhdugg/preaction-bootstrap-clips","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/duhdugg/preaction-bootstrap-clips","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duhdugg%2Fpreaction-bootstrap-clips","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duhdugg%2Fpreaction-bootstrap-clips/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duhdugg%2Fpreaction-bootstrap-clips/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duhdugg%2Fpreaction-bootstrap-clips/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/duhdugg","download_url":"https://codeload.github.com/duhdugg/preaction-bootstrap-clips/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/duhdugg%2Fpreaction-bootstrap-clips/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265866264,"owners_count":23840937,"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":["bootstrap","bootstrap5","npm-package","react","react-component-library"],"created_at":"2024-09-30T18:08:35.650Z","updated_at":"2025-07-19T01:04:13.910Z","avatar_url":"https://github.com/duhdugg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Preaction Boostrap Clips\n\nThis is a small library of React components targeting Bootstrap v5. The primary intention of this project is to reduce the markup needed for commonly-used elements.\n\nComponents provided by this library include:\n\n- Alert\n- Boilerplate\n- Card\n- Modal\n- Nav\n- NavBar\n- Spinner\n- Table\n\n## Quick Start\n\nThe full documentation can be found in the [styleguide](https://duhdugg.github.io/preaction-bootstrap-clips/v5/index.html) with live, editable examples.\n\n### Installation\n\n`npm install --save-dev @preaction/bootstrap-clips`\n\nImportant: `bootstrap` is a peerDependency of this library, and `@popperjs/core` is a peerDependency of bootstrap. You will need to install these in your project as well.\n\n`npm install --save-dev bootstrap @popperjs/core`\n\n### Usage\n\n```jsx\n// bootstrap as a peerDependency means you need to import bootstrap CSS yourself.\n// This gives you the flexibility to choose a different build or theme, if you wish.\nimport 'bootstrap/dist/css/bootstrap.min.css'\n\n// library css needs to be imported separately after bootstrap\nimport '@preaction/bootstrap-clips/dist/preaction-bootstrap-clips.css'\n\n// component imports must be named, to allow shaking unused components from your bundle\nimport { Boilerplate, Card } from '@preaction/bootstrap-clips'\n\n// this is an example of how your application may choose to use a simple template,\n// using fractions to determine the width of cards in a row at different breakpoints\n// see the full documentation for more examples\nfunction App() {\n  const cardWidths = { md: 1 / 2, lg: 1 / 3, xl: 1 / 4, xxl: 1 / 6 }\n  return (\n    \u003cBoilerplate footer='Copyright (c) 2018-2022 Doug Elkin. All rights reserved.'\u003e\n      \u003cdiv className='row'\u003e\n        \u003cCard header='Alpha' headerTheme='green' column width={cardWidths}\u003e\n          \u003cp\u003eGreetings, Earthlings!\u003c/p\u003e\n        \u003c/Card\u003e\n        \u003cCard header='Bravo' headerTheme='blue' column width={cardWidths}\u003e\n          \u003cp\u003eHowdy, Partner!\u003c/p\u003e\n        \u003c/Card\u003e\n        \u003cCard header='Charlie' headerTheme='yellow' column width={cardWidths}\u003e\n          \u003cp\u003eHey, Stranger!\u003c/p\u003e\n        \u003c/Card\u003e\n        \u003cCard header='Delta' headerTheme='red' column width={cardWidths}\u003e\n          \u003cp\u003eYo, Punk!\u003c/p\u003e\n        \u003c/Card\u003e\n      \u003c/div\u003e\n    \u003c/Boilerplate\u003e\n  )\n}\n```\n\n### License\n\n\u003e Copyright (c) 2018-2022 Doug Elkin\n\u003e\n\u003e Permission is hereby granted, free of charge, to any person obtaining a copy\n\u003e of this software and associated documentation files (the \"Software\"), to deal\n\u003e in the Software without restriction, including without limitation the rights\n\u003e to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n\u003e copies of the Software, and to permit persons to whom the Software is\n\u003e furnished to do so, subject to the following conditions:\n\u003e\n\u003e The above copyright notice and this permission notice shall be included in\n\u003e all copies or substantial portions of the Software.\n\u003e\n\u003e THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n\u003e IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n\u003e FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n\u003e AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n\u003e LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n\u003e OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n\u003e SOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fduhdugg%2Fpreaction-bootstrap-clips","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fduhdugg%2Fpreaction-bootstrap-clips","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fduhdugg%2Fpreaction-bootstrap-clips/lists"}