{"id":13623419,"url":"https://github.com/tasti/react-linkify","last_synced_at":"2025-04-15T14:32:57.054Z","repository":{"id":32894044,"uuid":"36488589","full_name":"tasti/react-linkify","owner":"tasti","description":"React component to parse links (urls, emails, etc.) in text into clickable links","archived":false,"fork":false,"pushed_at":"2024-01-05T10:04:28.000Z","size":354,"stargazers_count":557,"open_issues_count":50,"forks_count":106,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-22T07:02:19.655Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://tasti.github.io/react-linkify/","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/tasti.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2015-05-29T07:29:56.000Z","updated_at":"2025-02-12T11:12:26.000Z","dependencies_parsed_at":"2024-06-18T12:25:02.824Z","dependency_job_id":null,"html_url":"https://github.com/tasti/react-linkify","commit_stats":{"total_commits":63,"total_committers":14,"mean_commits":4.5,"dds":0.3015873015873016,"last_synced_commit":"325cb5e43300d7ada5bdf8d2849783d98fcd3c2c"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tasti%2Freact-linkify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tasti%2Freact-linkify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tasti%2Freact-linkify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tasti%2Freact-linkify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tasti","download_url":"https://codeload.github.com/tasti/react-linkify/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246735286,"owners_count":20825223,"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":[],"created_at":"2024-08-01T21:01:31.636Z","updated_at":"2025-04-15T14:32:56.741Z","avatar_url":"https://github.com/tasti.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# [react-linkify](http://tasti.github.io/react-linkify/)\nReact component to parse links (urls, emails, etc.) in text into clickable links\n\n## Examples\n\nLive examples are available at [http://tasti.github.io/react-linkify/](http://tasti.github.io/react-linkify/).\n\n### Basic\n\nAny link that appears inside the `Linkify` component will become clickable.\n\n```\n\u003cLinkify\u003eSee examples at tasti.github.io/react-linkify/.\u003c/Linkify\u003e\n```\n\nRenders to:\n\nSee examples at `tasti.github.io/react-linkify/`.\n\n### Advanced\n\nIf you're feeling lazy, you can wrap `Linkify` around anywhere that you want links to become clickable. Even with nested elements, it traverses the tree to find links.\n\n```\n\u003cLinkify\u003e\n  \u003cdiv\u003ereact-linkify \u003cspan\u003e(tasti.github.io/react-linkify/)\u003c/span\u003e\u003c/div\u003e\n    \u003cdiv\u003eReact component to parse links (urls, emails, etc.) in text into clickable links\u003c/div\u003e\n  See examples at tasti.github.io/react-linkify/.\n    \u003cfooter\u003eContact: tasti@zakarie.com\u003c/footer\u003e\n\u003c/Linkify\u003e\n```\n\nRenders to:\n\nreact-linkify (`tasti.github.io/react-linkify/`)\nReact component to parse links (urls, emails, etc.) in text into clickable links\nSee examples at `tasti.github.io/react-linkify/`.\nContact: `tasti@zakarie.com`\n\n\n## Installation\n\n```\nyarn add react-linkify\n```\n\nor\n\n```\nnpm install react-linkify --save\n```\n\n## Usage\n\n```js\nimport Linkify from 'react-linkify';\n\nReact.render(\n  \u003cLinkify\u003eExamples are available at tasti.github.io/react-linkify/.\u003c/Linkify\u003e,\n  document.body\n);\n```\n\n## Props\n\n**component**\nThe type of component to wrap links in.\n_type:_ `any`\n_default:_ `'a'`\n\n**properties**\nThe props that will be added to every matched component.\n_type:_ `object`\n_default:_ `{}`\n\nNOTE: Use `Linkify.MATCH` as a value to specify the matched link. The properties prop will always contain `{href: Linkify.MATCH, key: 'LINKIFY_KEY_#'}` unless overridden.\n\n\n## Customization\n\nYou can access to the global `Linkify` instance used to linkify contents by importing it (`import { linkify } from 'react-linkify'`).\nThat way you can customize as needed (e.g. disabling existing schemas or adding new ones).\n\nNote that any customization made to that instance will affect every `Linkify` component you use.\n\n## Examples\n\nAll kind of links detectable by\n[linkify-it](https://github.com/markdown-it/linkify-it) are supported. For\nexamples, visit [their website](http://markdown-it.github.io/linkify-it/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftasti%2Freact-linkify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftasti%2Freact-linkify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftasti%2Freact-linkify/lists"}