Adaptive text React component

Simple UI component that allows the font size of a text to adapt automatically to fill the width of an element.

Prerequisites

• react >= 16.8.0

Install

npm install --save react-adaptive-text

Usage example

import React from 'react';
import AdaptiveText from 'react-adaptive-text';

function BasicExample = () => {
  const wrapperStyle = {
    display: 'flex',
    justifyContent: 'center',
    width: 500,
  };

  return (
    <div style={wrapperStyle}>
      <AdaptiveText
        text="This text fills 80% width of its container!"
        width="80%"
      />
    </div>
  );
}

Options