Skip to content

Alternative to overflow:hidden, it will scroll text horizontally if it doesn't fit

Notifications You must be signed in to change notification settings

astanciu/react-text-overscroll

Repository files navigation

react-text-overscroll

React component to reveal text hidden by overflow:hidden

NPM JavaScript Style Guide

Demo

https://astanciu.github.io/react-text-overscroll

Install

npm install --save react-text-overscroll

Usage

import React, { Component } from 'react'

import MyComponent from 'react-text-overscroll'

class Example extends Component {
  render () {
    return (
      <div style={{ width: '150px' }}>
        <OverScroll>Long text that doesn't fit parent width</OverScroll>
      </div>
    )
  }
}

License

MIT © astanciu

About

Alternative to overflow:hidden, it will scroll text horizontally if it doesn't fit

Resources

Stars

Watchers

Forks

Packages

No packages published