{"id":13402532,"url":"https://github.com/buttons/github-buttons","last_synced_at":"2025-12-17T15:52:05.050Z","repository":{"id":6978719,"uuid":"8233127","full_name":"buttons/github-buttons","owner":"buttons","description":":octocat: Unofficial github:buttons","archived":false,"fork":false,"pushed_at":"2025-11-21T14:35:18.000Z","size":6227,"stargazers_count":1130,"open_issues_count":0,"forks_count":261,"subscribers_count":40,"default_branch":"main","last_synced_at":"2025-11-21T16:20:12.115Z","etag":null,"topics":["button","component","frontend","github"],"latest_commit_sha":null,"homepage":"https://buttons.github.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/buttons.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2013-02-16T07:49:45.000Z","updated_at":"2025-11-21T14:35:00.000Z","dependencies_parsed_at":"2024-01-26T03:26:17.541Z","dependency_job_id":"ecf9dff7-e205-430d-ac11-0f0b2ea3c012","html_url":"https://github.com/buttons/github-buttons","commit_stats":{"total_commits":1281,"total_committers":3,"mean_commits":427.0,"dds":"0.48243559718969553","last_synced_commit":"ab01c158d07dc2eb6c01f21d74689a1571be510c"},"previous_names":["ntkme/github-buttons"],"tags_count":73,"template":false,"template_full_name":null,"purl":"pkg:github/buttons/github-buttons","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buttons%2Fgithub-buttons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buttons%2Fgithub-buttons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buttons%2Fgithub-buttons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buttons%2Fgithub-buttons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/buttons","download_url":"https://codeload.github.com/buttons/github-buttons/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/buttons%2Fgithub-buttons/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27784503,"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","status":"online","status_checked_at":"2025-12-17T02:00:08.291Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["button","component","frontend","github"],"created_at":"2024-07-30T19:01:17.284Z","updated_at":"2025-12-17T15:52:05.031Z","avatar_url":"https://github.com/buttons.png","language":"JavaScript","readme":"github-buttons\n==============\n\n![build](https://github.com/buttons/github-buttons/workflows/build/badge.svg)\n[![npm](https://img.shields.io/npm/v/github-buttons)](https://www.npmjs.com/github-buttons)\n\nUsage\n-----\n\n### Use as a Snippet\n\nGet started quickly with **[github:button configurator](https://buttons.github.io)**.\n\n### Use as a Component\n\n- [vue-github-button](https://github.com/buttons/vue-github-button) for [Vue](https://vuejs.org)\n- [react-github-btn](https://github.com/buttons/react-github-btn) for [React](https://reactjs.org)\n\n### Use as a Module\n\n``` javascript\nimport { render } from 'github-buttons'\n\n// export function render(options: object, callback: (el: HTMLElement) =\u003e void): void;\nrender(options, function (el) {\n  document.body.appendChild(el) \n})\n\n// export function render(anchor: HTMLAnchorElement, callback: (el: HTMLElement) =\u003e void): void;\nrender(anchor, function (el) {\n  anchor.parentNode.replaceChild(el, anchor)\n})\n```\n\n### Options\n\n- For snippet usage, an option is an attribute on `\u003ca\u003e` element.\n- For component usage, an option is a prop on component.\n- For module usage, an option is a property on `options` object.\n\n##### `href`\n\n- Type: `string` \n- Default: `'#'`\n\nAssign `href` attribute (GitHub link) for button.\n\n##### `title`\n\n- Type: `string`\n- Default: `undefined`\n\nAssign `title` attribute for button.\n\n##### `data-icon`\n\n- Type: `string`\n- Default: `'octicon-mark-github'`\n\nSet icon on button. A [subset](rollup.config.mjs) of [Octicons](https://primer.style/octicons/) is bundled.\n\n##### `data-color-scheme`\n\n- Type: `string`\n- Default: `undefined`\n\nDefine a mapping of system color scheme to widget color scheme in css-like syntax.\n\nThis is an _opt-in_ feature since version `\u003e=2.3.0`. It means if `data-color-scheme` is `undefined`, it would still behave like version `\u003c2.3.0`, where light color scheme is used under all conditions.\n\nOnce `data-color-scheme` is set to a string, it will inherit the default mapping: `no-preference: light; light: light; dark: dark;`.\n\n- `no-preference: light;` means when system has no preference on color scheme, light color scheme will be used.\n- `light: light;` means when system prefers light color scheme, light color scheme will be used.\n- `dark: dark;` means when system prefers dark color scheme, dark color scheme will be used.\n\nUser declarations would override the default. For example:\n\n- To enable color scheme using default, set `data-color-scheme=\"\"`.\n- To use dark color scheme when system has no preference, set `data-color-scheme=\"no-preference: dark;\"`.\n- To force light color scheme everywhere, set `data-color-scheme=\"dark: light;\"`.\n- To force dark color scheme everywhere, set `data-color-scheme=\"no-preference: dark; light: dark;\"`.\n\nA single word can be used to force the color scheme everywhere since version `\u003e=2.11.0`. For example:\n\n- To force light color scheme everywhere, set `data-color-scheme=\"light\"`.\n- To force dark color scheme everywhere, set `data-color-scheme=\"dark\"`.\n\n##### `data-size`\n\n- Type: `string`\n- Default: `undefined`\n\nSet button size. Possible values are `undefined` and `'large'`.\n\n##### `data-show-count`\n\n- Type: `boolean`\n- Default: `false`\n\nShow a dynamic count based on button type (detected from `href`):\n\n- `https://github.com/:user` (follow)\n- `https://github.com/:user/:repo` (star)\n- `https://github.com/:user/:repo/subscription` (watch)\n- `https://github.com/:user/:repo/fork` (fork)\n- `https://github.com/:user/:repo/issues` (issues)\n- `https://github.com/:user/:repo/issues/new` (issues)\n\nTailing slash, query string, and hash in the `href` won't affect type detection:\n\n- `https://github.com/:user/` (follow)\n- `https://github.com/:user?tab=repositories` (follow)\n- `https://github.com/:user/:repo#readme` (star)\n- `https://github.com/:user/:repo/#readme` (star)\n\n##### `data-text`\n\n- Type: `string`\n- Default: `undefined`\n\nSet button text. When button is generated from `\u003ca\u003e` element and `data-text` is `undefined`, the button text will be anchor's `textContent`.\n\n##### `aria-label`\n\n- Type: `string`\n- Default: `undefined`\n\nSet `aira-label` for button.\n\n---\n\nSee also\n--------\n\n- [mdo/github-buttons](https://ghbtns.com)\n\n---\n\nLicense\n-------\n\nSee [LICENSE](LICENSE).\n","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuttons%2Fgithub-buttons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbuttons%2Fgithub-buttons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbuttons%2Fgithub-buttons/lists"}