Expandable Text component of React Native, collapse text when the content exceeds specified number of lines

• Updated May 20, 2019
• JavaScript

This repository contains the `` web component, designed to enhance code readability in `

` and `` elements. Explore the demo and npm package to see how it can streamline your projects! </p>
 </div>

 <div>
 <a href="/github.com/topics/javascript">javascript</a> <a href="/github.com/topics/syntax-highlighting">syntax-highlighting</a> <a href="/github.com/topics/editor">editor</a> <a href="/github.com/topics/macos">macos</a> <a href="/github.com/topics/ios">ios</a> <a href="/github.com/topics/gem">gem</a> <a href="/github.com/topics/line">line</a> <a href="/github.com/topics/cpf">cpf</a> <a href="/github.com/topics/highlightjs">highlightjs</a> <a href="/github.com/topics/textarea">textarea</a> <a href="/github.com/topics/textview">textview</a> <a href="/github.com/topics/vim-script">vim-script</a> <a href="/github.com/topics/mdx">mdx</a> <a href="/github.com/topics/nstextview">nstextview</a> <a href="/github.com/topics/swiftui">swiftui</a> <a href="/github.com/topics/theme-ui">theme-ui</a> <a href="/github.com/topics/textkit2">textkit2</a> <a href="/github.com/topics/lekoarts-oss">lekoarts-oss</a> </div>

 <div>
 <ul>
 <li>
 Updated
 <relative-time datetime="2026-03-07T16:34:58Z">Mar 7, 2026</relative-time>
 </li>

 <li>
 <span>
 <span></span>
 <span itemprop="programmingLanguage">JavaScript</span>
</span>

 </li>
 </ul>
 </div>
 </div>
</article>

 
<article>

 <div>
 <div>
 <div>
 <span>
 
 </span>
 <h3 >
 <a href="/github.com/mspvirajpatel">mspvirajpatel</a> /
 <a href="/github.com/mspvirajpatel/React-Components">React-Components</a> </h3>
 </div>

 <div>

 <div>
 <a href="/github.com/login?return_to=%2Fmspvirajpatel%2FReact-Components"> <span>
 Star
</span> <span id="repo-stars-counter-star" aria-label="1 user starred this repository" title="1">1</span>
</a></div>
 </div>
 </div>
 </div>

 <nav aria-label="Repository menu: mspvirajpatel/React-Components">
 

 <ul>
 <li>
 <a href="/github.com/mspvirajpatel/React-Components">
 
 Code

 
</a></li>
 <li>
 <a href="/github.com/mspvirajpatel/React-Components/issues">
 
 Issues

 
</a></li>
 <li>
 <a href="/github.com/mspvirajpatel/React-Components/pulls">
 
 Pull requests

 
</a></li>
</ul>
 
</nav>
 <div>

 <div>
 <a href="/github.com/topics/react-native">react-native</a> <a href="/github.com/topics/react-components">react-components</a> <a href="/github.com/topics/button">button</a> <a href="/github.com/topics/toast">toast</a> <a href="/github.com/topics/textview">textview</a> <a href="/github.com/topics/searchbar">searchbar</a> <a href="/github.com/topics/progress-hud">progress-hud</a> <a href="/github.com/topics/progress-view">progress-view</a> <a href="/github.com/topics/textinput">textinput</a> <a href="/github.com/topics/ripplebutton">ripplebutton</a> </div>

 <div>
 <ul>
 <li>
 Updated
 <relative-time datetime="2017-08-30T11:54:08Z">Aug 30, 2017</relative-time>
 </li>

 <li>
 <span>
 <span></span>
 <span itemprop="programmingLanguage">JavaScript</span>
</span>

 </li>
 </ul>
 </div>
 </div>
</article>

 
<article>

 <div>
 <div>
 <div>
 <span>
 
 </span>
 <h3 >
 <a href="/github.com/Vininoo">Vininoo</a> /
 <a href="/github.com/Vininoo/is_badge">is_badge</a> </h3>
 </div>

 <div>

 <div>
 <a href="/github.com/login?return_to=%2FVininoo%2Fis_badge"> <span>
 Star
</span> <span id="repo-stars-counter-star" aria-label="0 users starred this repository" title="0">0</span>
</a></div>
 </div>
 </div>
 </div>

 <nav aria-label="Repository menu: Vininoo/is_badge">
 

 <ul>
 <li>
 <a href="/github.com/Vininoo/is_badge">
 
 Code

 
</a></li>
 <li>
 <a href="/github.com/Vininoo/is_badge/issues">
 
 Issues

 
</a></li>
 <li>
 <a href="/github.com/Vininoo/is_badge/pulls">
 
 Pull requests

 
</a></li>
</ul>
 
</nav>
 <div>
 <div>
 <p > Check if a URL points to a badge with this lightweight package, perfect for filtering and validating badge links efficiently.</p>
 </div>

 <div>
 <a href="/github.com/topics/swift">swift</a> <a href="/github.com/topics/nyc">nyc</a> <a href="/github.com/topics/readme">readme</a> <a href="/github.com/topics/coverage">coverage</a> <a href="/github.com/topics/ui">ui</a> <a href="/github.com/topics/uitableview">uitableview</a> <a href="/github.com/topics/objective-c">objective-c</a> <a href="/github.com/topics/animation">animation</a> <a href="/github.com/topics/coverage-report">coverage-report</a> <a href="/github.com/topics/uitableviewcell">uitableviewcell</a> <a href="/github.com/topics/android-library">android-library</a> <a href="/github.com/topics/tabbar">tabbar</a> <a href="/github.com/topics/textview">textview</a> <a href="/github.com/topics/visitor-counter">visitor-counter</a> <a href="/github.com/topics/hacktoberfest">hacktoberfest</a> <a href="/github.com/topics/husky">husky</a> <a href="/github.com/topics/istanbul-cobertura-badger">istanbul-cobertura-badger</a> <a href="/github.com/topics/c8">c8</a> <a href="/github.com/topics/lcov-report">lcov-report</a> <a href="/github.com/topics/glitch-me">glitch-me</a> </div>

 <div>
 <ul>
 <li>
 Updated
 <relative-time datetime="2026-03-07T17:35:14Z">Mar 7, 2026</relative-time>
 </li>

 <li>
 <span>
 <span></span>
 <span itemprop="programmingLanguage">JavaScript</span>
</span>

 </li>
 </ul>
 </div>
 </div>
</article>

 </div>

 <div>

 <div>
 <h2>
 Improve this page
 </h2>

 <p>
 Add a description, image, and links to the
 <span>textview</span>
 topic page so that developers can more easily learn about it.
 </p>

 <p>
 <a href="/github.com/github/explore/tree/master/CONTRIBUTING.md?source=add-description-textview">
 Curate this topic
 
 </a>
 </p>
 </div>

 <div>
 <h2>
 Add this topic to your repo
 </h2>

 <p>
 To associate your repository with the
 <span>textview</span>
 topic, visit your repo's landing page and select "manage topics."
 </p>

 <p>
 <a href="/docs.github.com/en/articles/classifying-your-repository-with-topics">
 Learn more
 
 </a>
 </p>
 </div>
 </div>
 </div>
 </div>
</div>

 </main>
 </div>

 <footer role="contentinfo" >
 <h2>Footer</h2>

 

 <div>
 <div>
 <a href="/github.com">
 
</a>
 <span>
 (c) 2026 GitHub, Inc.
 </span>
 </div>

 <nav aria-label="Footer">
 <h3 id="sr-footer-heading">Footer navigation</h3>

 <ul aria-labelledby="sr-footer-heading">

 <li>
 <a href="/docs.github.com/site-policy/github-terms/github-terms-of-service">Terms</a>
 </li>

 <li>
 <a href="/docs.github.com/site-policy/privacy-policies/github-privacy-statement">Privacy</a>
 </li>

 <li>
 <a href="/github.com/security">Security</a>
 </li>

 <li>
 <a href="/www.githubstatus.com/">Status</a>
 </li>

 <li>
 <a href="/github.community/">Community</a>
 </li>

 <li>
 <a href="/docs.github.com/">Docs</a>
 </li>

 <li>
 <a href="/support.github.com?tags=dotcom-footer">Contact</a>
 </li>

 <li >
 <cookie-consent-link>
 <button
 type="button"
 >
 Manage cookies
 </button>
 </cookie-consent-link>
</li>

<li>
 <cookie-consent-link>
 <button
 type="button"
 >
 Do not share my personal information
 </button>
 </cookie-consent-link>
</li>

 </ul>
 </nav>
 </div>
</footer>

 <ghcc-consent id="ghcc"
 ></ghcc-consent>

 <div id="ajax-error-message" hidden>
 
 <button type="button" aria-label="Dismiss error">
 
 </button>
 You can't perform that action at this time.
 </div>

 <template id="site-details-dialog">
 <details open>
 <summary role="button" aria-label="Close dialog"></summary>
 <details-dialog>
 <button type="button" aria-label="Close dialog" data-close-dialog>
 
 </button>
 <div></div>
 </details-dialog>
 </details>
</template>

 <div>
 <div>
 </div>
</div>

 <template id="snippet-clipboard-copy-button">
 <div>
 <clipboard-copy aria-label="Copy">
 
 
 </clipboard-copy>
 </div>
</template>
<template id="snippet-clipboard-copy-button-unpositioned">
 <div>
 <clipboard-copy aria-label="Copy">
 
 
 </clipboard-copy>
 </div>
</template>

 </div>
 <div id="js-global-screen-reader-notice" aria-live="polite" aria-atomic="true" ></div>
 <div id="js-global-screen-reader-notice-assertive" aria-live="assertive" aria-atomic="true"></div>
 
</body>
</html>