{"id":19595531,"url":"https://github.com/jayantur13/tbh-buttons","last_synced_at":"2026-04-06T09:31:17.485Z","repository":{"id":199854698,"uuid":"703912938","full_name":"jayantur13/tbh-buttons","owner":"jayantur13","description":"Button components for the web, a project to explore and learn typescript","archived":false,"fork":false,"pushed_at":"2026-03-29T09:22:06.000Z","size":1453,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-03-29T12:46:04.807Z","etag":null,"topics":["bootstrap","buttons","components","css","frontend","nextjs","node","package","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://tbhweb.pages.dev/","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/jayantur13.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":["jayantur13"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":["https://www.buymeacoffee.com/jayantur13v"]}},"created_at":"2023-10-12T07:02:01.000Z","updated_at":"2026-03-29T09:21:42.000Z","dependencies_parsed_at":"2023-12-05T09:31:08.322Z","dependency_job_id":"a9f1ea6a-ee3d-455c-846f-541176474f62","html_url":"https://github.com/jayantur13/tbh-buttons","commit_stats":null,"previous_names":["jayantur13/tbh-buttons"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/jayantur13/tbh-buttons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayantur13%2Ftbh-buttons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayantur13%2Ftbh-buttons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayantur13%2Ftbh-buttons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayantur13%2Ftbh-buttons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jayantur13","download_url":"https://codeload.github.com/jayantur13/tbh-buttons/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayantur13%2Ftbh-buttons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31466580,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T08:36:52.050Z","status":"ssl_error","status_checked_at":"2026-04-06T08:36:51.267Z","response_time":112,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","buttons","components","css","frontend","nextjs","node","package","react","tailwindcss"],"created_at":"2024-11-11T08:47:29.453Z","updated_at":"2026-04-06T09:31:17.467Z","avatar_url":"https://github.com/jayantur13.png","language":"TypeScript","funding_links":["https://github.com/sponsors/jayantur13","https://www.buymeacoffee.com/jayantur13v"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Logo\" src=\"https://i.ibb.co/yfX4kFW/fingers.png\" width=\"200\" height=\"200\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003cimg alt=\"version\" src=\"https://img.shields.io/npm/v/tbh-buttons?style=flat-square\u0026color=blue\"\u003e\n    \u003cimg alt=\"Codecov\" src=\"https://img.shields.io/codecov/c/github/jayantur13/tbh-buttons?label=codecov\u0026logo=codecov\u0026style=flat-square\"\u003e\n    \u003cimg alt=\"GitHub Workflow Status\" src=\"https://img.shields.io/github/actions/workflow/status/jayantur13/tbh-buttons/test.yml?branch=master\u0026color=blue\"\u003e\n    \u003ch3 align=\"center\"\u003etbh-buttons\u003c/h3\u003e\n    \u003ch4 align=\"center\"\u003e\u003cb\u003eButton components for the web.\u003c/b\u003e\u003c/h4\u003e\n  \u003c/p\u003e\n  \u003cp align=\"center\"\u003e\u003ca href=\"#installation\"\u003eInstall\u003c/a\u003e • \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e • \u003ca href=\"#example\"\u003eUsage/Example\u003c/a\u003e • \u003ca href=\"#supported-attributes\"\u003eAttributes\u003c/a\u003e • \u003ca href=\"#contributing\"\u003eContributing\u003c/a\u003e\u003c/p\u003e\n\u003c/p\u003e\n\n\u003e Package is usable, but WIP.Demo and source will be [available here](https://github.com/jayantur13/tbhweb),their is no preset style\n\n# Installation\n\n```\n//Using npm\nnpm install tbh-buttons\n\n//Using yarn\nyarn add tbh-buttons\n\n//Using CDN\n\u003cscript src=\"https://unpkg.com/tbh-buttons@1.0.0/dist/tbh-buttons.min.js\"\u003e\u003c/script\u003e\n```\n\n## Features\n\n- Style using CSS,BS or tailwind etc\n- Icons from your favourate, react-icons\n- Share Util functions for few platforms\n- Usable in a toast, dialog or sidebar etc\n- Button components for loading, progress, progressbar, download\n\n\u003e If you want more control while sharing, try the platform sdks,if available\n\u003e The examples here use share dialog (share url) for simplicity\n\u003e Not gauranteed to work on mobile/tablet devices\n\n## Example\n\n```javascript\nimport { TbBrandFacebook } from \"react-icons/tb\";\nimport { Icon, IconButton, IconContainer } from \"tbh-buttons\";\nimport { FaWhatsapp } from \"react-icons/fa\";\nimport { fbShare, sendWAMessage } from \"tbh-buttons\";\n\nfunction App() {\n  return (\n    \u003c\u003e\n      \u003cIconContainer className=\"holder block my-4 space-x-1 space-y-1\"\u003e\n        \u003cp className=\"text-xl font-thin my-4\"\u003eRounded Button Style\u003c/p\u003e\n        \u003cIconButton\n          type=\"button\"\n          className=\"fb\"\n          title=\"fbbtn\"\n          onClick={() =\u003e {\n            fbShare(\"https://github.com\");\n          }}\n        \u003e\n          \u003cIcon iconComponent={TbBrandFacebook} className=\"fbicon\" style={{ fontSize: \"1rem\" }} /\u003e\n        \u003c/IconButton\u003e\n        \u003cIconButton\n          type=\"button\"\n          title=\"wabtn\"\n          onClick={() =\u003e {\n            sendWAMessage(\"Check out this link at https://w3schools.com\");\n          }}\n          className=\"bg-green-500 hover:bg-gray-100 transition duration-300 ease-in-out focus:outline-none border-none p-1 h-12 w-12 rounded-full group\"\n        \u003e\n          \u003cIcon\n            iconComponent={FaWhatsapp}\n            className=\"text-white flex justify-center items-center transition-colors duration-300 ease group-hover:text-green-500\"\n          /\u003e\n        \u003c/IconButton\u003e\n      \u003c/IconContainer\u003e\n    \u003c/\u003e\n  );\n}\n```\n\n## Supported Attributes\n\n| Component       | Description    | Attributes                       |\n| --------------- | -------------- | -------------------------------- |\n| Container       | Returns div    | See example (types file as well) |\n| Button          | Returns button | See example (types file as well) |\n| Icon            | Returns svg    | See example (types file as well) |\n| DLButton        | download attr  | See example (types file as well) |\n| LoadingButton   | See demo       | See example (types file as well) |\n| IndicatorButton | See demo       | See example (types file as well) |\n| PBButton        | See demo       | See example (types file as well) |\n\n## Resources\n\n- [React-Icons](https://react-icons.github.io/react-icons/)\n- [React-hot-toast](https://react-hot-toast.com/)\n- [mui](https://mui.com/)\n\n\u003e Visit above links for their license,as this project uses them.\n\n## Support\n\nSponsor or star this project.For issues, use discussions or open a new issue.\n\n## Contributing\n\nContributions are always welcome!\n\nSee [Contributing.md](https://github.com/jayantur13/tbh-buttons/blob/master/CONTRIBUTING.md) for ways to get started.\n\nPlease adhere to this project's [Code Of Conduct](https://github.com/jayantur13/tbh-buttons/blob/master/CODE_OF_CONDUCT.md).\n\n## License\n\nThis project is licensed under the [MIT License](https://github.com/jayantur13/tbh-buttons/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayantur13%2Ftbh-buttons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayantur13%2Ftbh-buttons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayantur13%2Ftbh-buttons/lists"}