{"id":14384508,"url":"https://github.com/nihgwu/react-texty","last_synced_at":"2025-10-30T19:04:36.052Z","repository":{"id":35017382,"uuid":"196982718","full_name":"nihgwu/react-texty","owner":"nihgwu","description":"A straight forward text component with tooltip support when it's truncated","archived":false,"fork":false,"pushed_at":"2024-03-05T22:30:45.000Z","size":2159,"stargazers_count":20,"open_issues_count":46,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T11:12:49.776Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://nihgwu.github.io/react-texty/","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/nihgwu.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":"2019-07-15T11:07:52.000Z","updated_at":"2024-01-20T18:54:04.000Z","dependencies_parsed_at":"2024-06-21T02:37:23.975Z","dependency_job_id":"abf1581c-44be-45b2-99d3-4f95a01dfb5b","html_url":"https://github.com/nihgwu/react-texty","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nihgwu%2Freact-texty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nihgwu%2Freact-texty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nihgwu%2Freact-texty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nihgwu%2Freact-texty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nihgwu","download_url":"https://codeload.github.com/nihgwu/react-texty/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249235130,"owners_count":21235157,"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-28T18:01:26.291Z","updated_at":"2025-10-30T19:04:31.033Z","avatar_url":"https://github.com/nihgwu.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# react-texty\n\nA straight forward text component with tooltip support when it's truncated\n\n## Install\n\n```bash\n# Yarn\nyarn add react-texty\n\n# NPM\nnpm install --save react-texty\n```\n\n## Props\n\n- **tagName** `string` Tag name for the component, defaults to `div`\n- **children** `node`, Should be string or inline element\n- **tooltip** `node` Tooltip for the truncated text if set, or the children will be used\n- **tooltipClassName** `string` Classname for the tooltip\n- **tooltipStyle** `object` Custom style of the tooltip\n- **tooltipMaxWidth** `number` Max width of the tooltip\n- **showDelay** `number` Delay milliseconds to show when mouse enter, defaults to `150`\n- **hideDelay** `number` Delay milliseconds to hide when mouse leave, defaults to `150`\n- **arrowClassName** `string` Classname for the arrow\n- **hideArrow** `bool` Whether to show the tooltip arrow, defaults to `false`\n- **placement** `top|top-start|top-end|bottom|bottom-start|bottom-end` The placement of the tooltip, defaults to `top`\n\nLearn more at https://nihgwu.github.io/react-texty/\n\n## Usage\n\n```jsx\nimport Text from 'react-texty'\n// import the styles\nimport 'react-texty/styles.css'\n\n// just use it as a normal text node\n\u003cText\u003eHello world\u003c/Text\u003e\n\u003cText tagName=\"a\"\u003eHello world\u003c/Text\u003e\n\u003cText tooltip=\"Something else\"\u003eHello world\u003c/Text\u003e\n```\n\n## License\n\nMIT © [Neo Nie](https://github.com/nihgwu)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnihgwu%2Freact-texty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnihgwu%2Freact-texty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnihgwu%2Freact-texty/lists"}