{"id":25860939,"url":"https://github.com/leanstacks/react-common","last_synced_at":"2026-05-06T17:31:50.460Z","repository":{"id":192262476,"uuid":"686460651","full_name":"leanstacks/react-common","owner":"leanstacks","description":"A library of common, reusable React components for the LeanStacks organization.","archived":false,"fork":false,"pushed_at":"2024-01-22T11:50:01.000Z","size":435,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-24T16:38:06.054Z","etag":null,"topics":["react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"","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/leanstacks.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":"2023-09-02T21:41:32.000Z","updated_at":"2023-10-27T20:14:38.000Z","dependencies_parsed_at":"2024-01-11T19:00:01.084Z","dependency_job_id":"bab74a0e-1748-42ed-be8e-39cc2efab496","html_url":"https://github.com/leanstacks/react-common","commit_stats":null,"previous_names":["leanstacks/react-common"],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanstacks%2Freact-common","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanstacks%2Freact-common/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanstacks%2Freact-common/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leanstacks%2Freact-common/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leanstacks","download_url":"https://codeload.github.com/leanstacks/react-common/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241435164,"owners_count":19962404,"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":["react","tailwindcss","typescript"],"created_at":"2025-03-01T23:03:18.962Z","updated_at":"2025-09-20T01:28:02.182Z","avatar_url":"https://github.com/leanstacks.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @leanstacks/react-common\n\nA suite of common React components used to compose React applications for the LeanStacks organization.\n\n## Requirements\n\nThis library requires the following\n\n- Node [LTS](https://github.com/nodejs/Release) 18 or higher\n- React 18.x\n- TailwindCSS 3.x\n\n## Install\n\nTo install this library, issue the following command in your react project\n\n```shell\nnpm install @leanstacks/react-common\n```\n\n### Configure Tailwind\n\nLeanStacks components are styled with [TailwindCSS](https://tailwindcss.com/). You must include this library in your project's Tailwind configuration so that Tailwind styles are applied to the components from this library.\n\nIn your project, create or open your `tailwind.config.js` file. Ensure that LeanStacks library paths are included by adding `'./node_modules/@leanstacks/**/*.{js,jsx,ts,tsx}'` to the `content` section.\n\n```js\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n  content: ['./src/**/*.{js,jsx,ts,tsx}', './node_modules/@leanstacks/**/*.{js,jsx,ts,tsx}'],\n  darkMode: 'class',\n  theme: {\n    extend: {},\n  },\n  plugins: [],\n};\n```\n\nSee the [Tailwind installation guide](https://tailwindcss.com/docs/installation) for more details about this configuration file.\n\n## Use\n\nTo use React components from the library in your React application, simply import the desired component(s) and use them as you would any React component.\n\n```typescript\nimport { Text, TextVariant } from '@leanstacks/react-common';\n\nconst MyComponent: React.FC = () =\u003e {\n  return (\n    \u003cText variant={TextVariant.Heading1} className=\"mb-4\"\u003e\n      Welcome to React!\n    \u003c/Text\u003e\n  );\n};\n```\n\n## Editor\n\nTo prevent warnings from Tailwind CSS rules, install a plugin like the [Tailwind CSS Intellisense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) plugin for Visual Studio Code.\n\nIf you are using Prettier, you may also install the [Prettier plugin for Tailwind](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) that will automatically sort Tailwind classes in the recommended order.\n\n## License\n\n[MIT License](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleanstacks%2Freact-common","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleanstacks%2Freact-common","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleanstacks%2Freact-common/lists"}