{"id":24063990,"url":"https://github.com/qeepsake/react-native-smart-text","last_synced_at":"2025-04-23T17:45:17.543Z","repository":{"id":38173638,"uuid":"202998187","full_name":"Qeepsake/react-native-smart-text","owner":"Qeepsake","description":"Did someone give the React Native \u003cText /\u003e component some spinach!? 💪 supports emojis, markdown and nesting","archived":false,"fork":false,"pushed_at":"2022-06-25T07:12:27.000Z","size":564,"stargazers_count":42,"open_issues_count":7,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-13T21:04:56.806Z","etag":null,"topics":["component","emojis","markdown","nesting","react","react-native","text"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/Qeepsake.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-18T12:07:30.000Z","updated_at":"2024-04-08T05:29:37.000Z","dependencies_parsed_at":"2022-09-12T13:12:46.523Z","dependency_job_id":null,"html_url":"https://github.com/Qeepsake/react-native-smart-text","commit_stats":null,"previous_names":["lukebrandonfarrell/react-native-smart-text"],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Qeepsake%2Freact-native-smart-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Qeepsake%2Freact-native-smart-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Qeepsake%2Freact-native-smart-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Qeepsake%2Freact-native-smart-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Qeepsake","download_url":"https://codeload.github.com/Qeepsake/react-native-smart-text/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250484207,"owners_count":21438199,"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":["component","emojis","markdown","nesting","react","react-native","text"],"created_at":"2025-01-09T10:06:03.136Z","updated_at":"2025-04-23T17:45:17.524Z","avatar_url":"https://github.com/Qeepsake.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://raw.githubusercontent.com/LukeBrandonFarrell/open-source-images/master/react-native-smart-text/react-native-smart-text-example.png\"\u003e\n\n## Install\n\nInstall via npm:\n```sh\n npm install react-native-smart-text --save\n```\n\n## Usage\n\nTo use in React Native. Import:\n```js\n import { SmartText, LightText } from 'react-native-smart-text';\n```\n\n### Smart Text\n\nThe `\u003cSmartText /\u003e` component contains a number of abilities:\n\n1. Emoji 😄🥶🤯 it uses [node-emoji](https://www.npmjs.com/package/node-emoji) under the hood (e.g. 'I love it when you :grin:')\n2. Markdown support for *italics* and **bold** (e.g. for \\*italics\\*, for \\*\\*bold\\*\\*)\n3. Nested text support e.g. `\u003cSmartText size={12} color='black'\u003eMy nested \u003cSmartText bold\u003etest!\u003c/SmartText\u003e\u003c/SmartText\u003e`  where parent props will be inherited by children.\n\n## Light Text\n\nThe `\u003cLightText /\u003e` componnet takes all the same props as `\u003cSmartText /\u003e` but has no abilities! This component can be used\nto enjoy all the benefits of easy styling and positioning without any of the extra code or processing which comes with `\u003cSmartText /\u003e`.\n\n- You can also nest `LightText` in a `SmartText`: `\u003cSmartText size={12} color='black'\u003eMy nested \u003cLightText bold\u003etest!\u003c/LightText\u003e\u003c/SmartText\u003e`\n\n## Props\n\n| Prop                | Type          | Optional  |                                                               \n| ------------------- | ------------- | --------- |\n| size               | number         | Yes       |                      \n| color               | string         | Yes       |                      \n| bold               | boolean         | Yes       |                      \n| italic               | boolean         | Yes       |                      \n| underline               | boolean         | Yes       |                      \n| strikethrough               | boolean         | Yes       |                      \n| align               | string         | Yes       |                      \n| lineHeight               | number         | Yes       |                      \n| family               | string         | Yes       |                      \n| opacity               | number         | Yes       |                      \n| style               | object         | Yes       |                      \n| m, mh, mv, ml, mr, mt, mb               | number         | Yes       |       \n| p, ph, pv, pl, pr, pt, pb               | number         | Yes       | \n\n## Authors\n\n* [**Luke Brandon Farrell**](https://lukebrandonfarrell.com/) - *Author*\n\n## License\n\nThis project is licensed under the MIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqeepsake%2Freact-native-smart-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqeepsake%2Freact-native-smart-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqeepsake%2Freact-native-smart-text/lists"}