Telescopic Text

TelescopicText

An expandable text component for React

npm i @telescopic-text/react

Usage

Import the TelescopicText component and pass a nested structure as the text prop:

import TelescopicText from "@telescopic-text/react";
  const text = [
    {
      word: "Hello",
      expandTo: [{ word: "World!", 
      expandTo: ["Welcome to Telescopic Text."] }],
    },
  ];
<TelescopicText nodes={text} />;