{"id":15836989,"url":"https://github.com/afeiship/react-overflow-text","last_synced_at":"2026-04-25T22:32:40.587Z","repository":{"id":247791017,"uuid":"826850652","full_name":"afeiship/react-overflow-text","owner":"afeiship","description":"Overflow text for react.","archived":false,"fork":false,"pushed_at":"2024-07-10T14:20:14.000Z","size":156,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-07T07:04:06.028Z","etag":null,"topics":["component","overflow","react","truncate","truncate-text"],"latest_commit_sha":null,"homepage":"https://afeiship.github.io/react-overflow-text/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/afeiship.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-07-10T13:58:28.000Z","updated_at":"2024-07-10T14:20:31.000Z","dependencies_parsed_at":"2024-07-10T17:25:12.290Z","dependency_job_id":null,"html_url":"https://github.com/afeiship/react-overflow-text","commit_stats":null,"previous_names":["afeiship/react-overflow-text"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/afeiship/react-overflow-text","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/afeiship%2Freact-overflow-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/afeiship%2Freact-overflow-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/afeiship%2Freact-overflow-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/afeiship%2Freact-overflow-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/afeiship","download_url":"https://codeload.github.com/afeiship/react-overflow-text/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/afeiship%2Freact-overflow-text/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32279654,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T18:29:39.964Z","status":"ssl_error","status_checked_at":"2026-04-25T18:29:32.149Z","response_time":59,"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":["component","overflow","react","truncate","truncate-text"],"created_at":"2024-10-05T15:20:25.152Z","updated_at":"2026-04-25T22:32:40.569Z","avatar_url":"https://github.com/afeiship.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-overflow-text\n\u003e Overflow text for react.\n\n[![version][version-image]][version-url]\n[![license][license-image]][license-url]\n[![size][size-image]][size-url]\n[![download][download-image]][download-url]\n\n## installation\n```shell\nnpm install -S @jswork/react-overflow-text\n```\n\n## usage\n1. import css\n  ```scss\n  @import \"~@jswork/react-overflow-text/dist/style.css\";\n\n  // or use sass\n  @import \"~@jswork/react-overflow-text/dist/style.scss\";\n  ```\n2. import js\n  ```js\n  import ReactOverflowText from '@jswork/react-overflow-text';\n  import '@jswork/react-overflow-text/dist/style.scss';\n  import { useState } from 'react';\n\n  function App() {\n    const [v1, setV1] = useState(false);\n    const [v2, setV2] = useState(false);\n    return (\n      \u003cdiv className=\"m-10 p-4 shadow bg-gray-100 text-gray-800 hover:shadow-md transition-all\"\u003e\n        \u003cdiv className=\"badge badge-warning absolute right-0 top-0 m-4\"\u003e\n          Build Time: {BUILD_TIME}\n        \u003c/div\u003e\n        \u003ch1 className=\"text-center\"\u003ereact-overflow-text\u003c/h1\u003e\n        \u003cdiv className=\"y-5 p-5 bg-gray-200 wp-7 mx-auto\"\u003e\n          \u003cdiv className=\"mockup-code\"\u003e\n            \u003cpre data-prefix=\"$\"\u003e\u003ccode\u003e{JSON.stringify({ v1, v2 })}\u003c/code\u003e\u003c/pre\u003e\n          \u003c/div\u003e\n          \u003ch3\u003eV1\u003c/h3\u003e\n          \u003cReactOverflowText className=\"lc-2\" onChange={(e) =\u003e setV1(e)}\u003e\n            \u003cp\u003e道可道，非常道；名可名，非常名。\u003c/p\u003e\u003cp\u003e无名，天地之始，有名，万物之母。\u003c/p\u003e\n            \u003cp\u003e故常无欲，以观其妙，常有欲，以观其徼。\u003c/p\u003e\u003cp\u003e此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。\u003c/p\u003e\n          \u003c/ReactOverflowText\u003e\n          \u003chr className=\"bg-gray-300 h-1\" /\u003e\n          \u003ch3\u003eV2\u003c/h3\u003e\n          \u003cReactOverflowText className=\"lc-1\" onChange={(e) =\u003e setV2(e)}\u003e\n            \u003cp\u003e乾六画皆阳，纯阳刚健，当它静而不变之时，则专一而无他；当它动而变化之时，则直遂而不挠，所以广大的宇宙持此产生。\u003c/p\u003e\n          \u003c/ReactOverflowText\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    );\n  }\n\n  export default App;\n  ```\n\n## preview\n- https://afeiship.github.io/react-overflow-text/\n\n## license\nCode released under [the MIT license](https://github.com/afeiship/react-overflow-text/blob/master/LICENSE.txt).\n\n[version-image]: https://img.shields.io/npm/v/@jswork/react-overflow-text\n[version-url]: https://npmjs.org/package/@jswork/react-overflow-text\n\n[license-image]: https://img.shields.io/npm/l/@jswork/react-overflow-text\n[license-url]: https://github.com/afeiship/react-overflow-text/blob/master/LICENSE.txt\n\n[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/react-overflow-text\n[size-url]: https://github.com/afeiship/react-overflow-text/blob/master/dist/react-overflow-text.min.js\n\n[download-image]: https://img.shields.io/npm/dm/@jswork/react-overflow-text\n[download-url]: https://www.npmjs.com/package/@jswork/react-overflow-text\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fafeiship%2Freact-overflow-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fafeiship%2Freact-overflow-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fafeiship%2Freact-overflow-text/lists"}