{"id":20914822,"url":"https://github.com/ryanberliner/bs5-react-elements","last_synced_at":"2026-01-05T01:54:04.068Z","repository":{"id":37023502,"uuid":"380077620","full_name":"RyanBerliner/bs5-react-elements","owner":"RyanBerliner","description":"React elements that use, not replace, Bootstrap 5 javascript.","archived":false,"fork":false,"pushed_at":"2024-05-28T23:22:07.000Z","size":3673,"stargazers_count":1,"open_issues_count":6,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-05-29T13:36:28.123Z","etag":null,"topics":["bootstrap","javascript","react"],"latest_commit_sha":null,"homepage":"https://ryanberliner.com/bs5-react-elements/","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/RyanBerliner.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-24T23:57:06.000Z","updated_at":"2024-06-02T23:28:55.925Z","dependencies_parsed_at":"2023-02-16T12:15:42.794Z","dependency_job_id":"7db3b198-0fda-478d-bd35-4f4ffdc41d77","html_url":"https://github.com/RyanBerliner/bs5-react-elements","commit_stats":{"total_commits":261,"total_committers":3,"mean_commits":87.0,"dds":0.1800766283524904,"last_synced_commit":"6b7c54d6c4a0ff4e3407ac43ca79b2f708e8080c"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanBerliner%2Fbs5-react-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanBerliner%2Fbs5-react-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanBerliner%2Fbs5-react-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanBerliner%2Fbs5-react-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RyanBerliner","download_url":"https://codeload.github.com/RyanBerliner/bs5-react-elements/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245200706,"owners_count":20576674,"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","javascript","react"],"created_at":"2024-11-18T16:11:13.039Z","updated_at":"2026-01-05T01:54:04.016Z","avatar_url":"https://github.com/RyanBerliner.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap 5 React Elements\n\n[![View on npmjs.com](https://img.shields.io/npm/v/bs5-react-elements)](https://www.npmjs.com/package/bs5-react-elements)\n\n**See [https://ryanberliner.com/bs5-react-elements/](https://ryanberliner.com/bs5-react-elements/) to view full documentation.**\n\nReact elements that *use, not replace,* Bootstrap 5 javascript. They expose Bootstrap's existing events and api in a convenient, predictable, and flexible way to your React project.\n\n**This is not a React re-write of Bootstrap javascript.** Because of this, there isn't much to learn! If you use Bootstrap, you know almost everything there is to know about this library.\nWhen it comes to customizing your Bootstrap components look or behavior, refer to the [official Bootstrap documentation.](https://getbootstrap.com/)\n\u003c/p\u003e\n\n## Installing\n\nUse your package manager to install into your React project.\n\n```npm i bs5-react-elements```\n\n**Important!** Bootstrap, and any of its dependencies are NOT bundled with this library. You will need to install Bootstrap and its dependencies yourself.\n\nNot using a bundler? See the other [installation options](https://ryanberliner.com/bs5-react-elements/installation-options/) to begin using this library.\n\n## Example Usage\n\nThis is a tooltip that will listen for Bootstrap `shown.bs.tooltip` event and console log a message.\n\n```\nimport React, {useCallback} from \"react\";\nimport {Tooltip} from \"bs5-react-elements\";\n\nfunction ExampleUsage() {\n  const onShownHandler = useCallback(() =\u003e {\n    console.log(\"The tooltip has been shown.\");\n  }, []);\n\n  return \u003cTooltip\n    title=\"Lorem ipsum dolor.\"\n    data-bs-toggle=\"tooltip\"\n    onShown={onShownHandler}\n  \u003e\n    Lorem ipsum\n  \u003c/Tooltip\u003e;\n}\n```\n\nFor more information on this libary, refer to the full documentation at [https://ryanberliner.com/bs5-react-elements/](https://ryanberliner.com/bs5-react-elements/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanberliner%2Fbs5-react-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryanberliner%2Fbs5-react-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanberliner%2Fbs5-react-elements/lists"}