{"id":19055142,"url":"https://github.com/sangupta/bedrock","last_synced_at":"2026-02-06T17:02:44.056Z","repository":{"id":62120028,"uuid":"191419397","full_name":"sangupta/bedrock","owner":"sangupta","description":"Bedrock React Component Library","archived":false,"fork":false,"pushed_at":"2025-06-10T05:06:52.000Z","size":1643,"stargazers_count":0,"open_issues_count":81,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-10T05:27:41.079Z","etag":null,"topics":["bootstrap","component-library","react","react-component-library","react-components","typescript","typescript-library"],"latest_commit_sha":null,"homepage":"https://bedrock.sangupta.com","language":"TypeScript","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/sangupta.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":"2019-06-11T17:32:33.000Z","updated_at":"2025-06-10T05:06:55.000Z","dependencies_parsed_at":"2024-02-22T04:29:44.180Z","dependency_job_id":"95b2596a-489a-4b34-9007-b902e62a2d5a","html_url":"https://github.com/sangupta/bedrock","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/sangupta/bedrock","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sangupta%2Fbedrock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sangupta%2Fbedrock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sangupta%2Fbedrock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sangupta%2Fbedrock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sangupta","download_url":"https://codeload.github.com/sangupta/bedrock/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sangupta%2Fbedrock/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263577236,"owners_count":23483129,"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","component-library","react","react-component-library","react-components","typescript","typescript-library"],"created_at":"2024-11-08T23:42:14.058Z","updated_at":"2026-02-06T17:02:39.018Z","avatar_url":"https://github.com/sangupta.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bedrock React Components\n\n[![Build status](https://img.shields.io/github/actions/workflow/status/sangupta/bedrock/ci.yml?branch=main)](https://github.com/sangupta/bedrock/actions/workflows/ci.yml)\n[![Coverage Status](https://coveralls.io/repos/github/sangupta/bedrock/badge.svg?branch=main)](https://coveralls.io/github/sangupta/bedrock?branch=main)\n\nBedrock is a [ReactJS][reactjs] UI component library built using [Typescript][typescript].\nIt uses [Bootstrap 5][bootstrap] CSS framework for styling. `bedrock` still follows the\nclassic way of including CSS in HTML file to decouple the design system from component\nlibrary and also to improve load performance by leveraging browser caching. The library\nis published as browser-compatible ESM version. Thus, you can directly leverage the\ncomponent library in your `importmap` and point it to the latest version.\n\n## Technical notes\n\n* The `bedrock.css` file includes all definitions from the corresponding `bootstrap.css` file\nand thus including `bedrock.css` should be sufficient in your project.\n\n* The library is built and tested against the latest versions (as of date):\n  * React 18.2.0 (runtime dependency)\n  * Bootstrap 5.2.3 (dev dependency)\n  * Node 20 (dev dependency)\n\n* CSS file needs to be currently manually included in your `index.html` file. In future,\nonce **CSS import assertions** `import styles from './bedrock.css' assert { type: 'css }`\nbecome available, this requirement will be removed.\n\n## Usage\n\n1. Add `@sangupta/bedrock` as a dependency in your `package.json`\n\n2. Update dependencies as:\n```sh\n# using npm\n$ npm install --save @sangupta/bedrock\n\n# using yarn\n$ yarn add @sangupta/bedrock\n```\n\n3. Include the `bedrock.css` file in your project. You have several options:\n\n**Option A: Include in your `index.html` file:**\n```html\n\u003clink href=\"node_modules/@sangupta/bedrock/dist/bedrock.css\" rel=\"stylesheet\"\u003e\n```\n\n**Option B: Import in your main CSS/SCSS file:**\n```css\n@import '@sangupta/bedrock/css';\n```\n\n**Option C: Import in your JavaScript entry point (if your bundler supports CSS imports):**\n```js\nimport '@sangupta/bedrock/css';\n```\n\n**Option D: Direct path import:**\n```js\nimport '@sangupta/bedrock/dist/bedrock.css';\n```\n\n4. Use the components in your application:\n\n```js\nimport React from 'react';\nimport { Button } from '@sangupta/bedrock';\n\nconst HelloWorld = () =\u003e {\n    return \u003cButton label='Hello World' /\u003e\n}\n\n// for React 16/17\nimport ReactDOM from 'react-dom';\nReactDOM.render(\u003cHelloWorld /\u003e, document.getElementById('root'));\n\n// for React 18\nimport { createRoot } from 'react-dom/client';\n\nconst container = document.getElementById('root');\nconst root = createRoot(container!);\nroot.render(\u003cHelloWorld /\u003e);\n```\n\n## License\n\nMIT License. Copyright (c) 2022, Sandeep Gupta.\n\n\n\u003c!-- Do not add any visible content below this line --\u003e\n\n[reactjs]: https://reactjs.org/\n[typescript]: https://www.typescriptlang.org/\n[bootstrap]: https://getbootstrap.com/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsangupta%2Fbedrock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsangupta%2Fbedrock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsangupta%2Fbedrock/lists"}