✨Tina - Add React components for Figure text

[Calinator444]

Cc: @bradystroud, @adamcogan

Hi

Pain

❌ Adding figure text in markdown is easy to mess up and this error usually isn't visible until we merge

Suggested Solution

Tina supports mdx, meaning we can embed React components inside of markdown. I would recommend creating a Figure text component so that users can easily add figure text for good & bad examples using the embed button.

• Create a figure text field that can go on all blocks (e.g. greybox, images, codeblocks)
• It should also have a dropdown that lets you pick from good, bad, ok, and nothing (see image)
  Make the dropdown include icons for extra awesome

Important Note

I would still allow legacy support for figure text in markdown so that we have a migration path while users at SSW adopt the new component.

Figure: Dropdown will let users pick from these images

[jeoffreyfischer]

This is a Great Idea! Also, make sure that:

• the default value in the dropdown should be "nothing"

[JackDevAU]

Closing in favour of #1628