React Segmented Textarea

A React textarea component which allows the user to partition the contents into segments with a draggable divider between each segment. Keyboard accessible.

Textarea

Type

Drag

Split

Output

[
  {
    "id": "wi7xfwr9v",
    "text": "When Mr. Bilbo Baggins of Bag End announced that he would shortly"
  },
  {
    "id": "w8w1403kz",
    "text": "be celebrating his eleventy-first birthday with a party of special magnificence, there was much talk and"
  },
  {
    "id": "3tc1d5go9",
    "text": "excitement in Hobbiton. Bilbo was very rich and very peculiar, and"
  },
  {
    "id": "c7own3v3e",
    "text": "had been the wonder of the Shire for sixty years, ever since his remarkable disappearance"
  },
  {
    "id": "ko07pipbl",
    "text": "and unexpected return. The riches he had brought back from his travels had now"
  },
  {
    "id": "7b8qds2db",
    "text": "become a local legend, and it was popularly believed, whatever the"
  },
  {
    "id": "jb00j750e",
    "text": "old folk might say, that the Hill at Bag End was"
  },
  {
    "id": "pzlz7kmxe",
    "text": "full of tunnels stuffed with treasure. And if that was not enough for fame, there was also his prolonged"
  },
  {
    "id": "pth4y2ekq",
    "text": "vigour to marvel at. Time wore on, but it seemed to have little"
  },
  {
    "id": "99zxoc9uz",
    "text": "effect on Mr. Baggins. At ninety he was much the same as at fifty. At ninety-nine they began"
  },
  {
    "id": "77kvsfbpv",
    "text": "to call him well-preserved, but unchanged would have been nearer the mark. There"
  },
  {
    "id": "yvuotnd5r",
    "text": "were some that shook their heads and thought this was"
  },
  {
    "id": "2z3yjf8ep",
    "text": "too much of a good thing; it seemed unfair that anyone should possess (apparently)"
  },
  {
    "id": "8v0pon7ot",
    "text": "perpetual youth as well as (reputedly) inexhaustible wealth. ‘It will have to be paid for,’ they"
  },
  {
    "id": "k752etgih",
    "text": "said. ‘It isn’t natural, and trouble will come of it!’"
  }
]