Create some basic components (MUI) about paranext-core HOT 4 CLOSED

Do we want to think about our components being headless? It's more work initally but makes them more reusable and sharable (such as adding them to the OCE). This would also keep us independent of MUI ina way that would make it mush easier to change to something else.

Some resources to help think about this:

• Headless components in React and why I stopped using a UI library for our design system
• An example of a headless components lib that could be used as a base for an MUI component lib
• Awesome React Headless Components
• https://www.downshift-js.com/
• https://www.radix-ui.com/
• https://headlessui.com/
• https://mui.com/base/getting-started/overview/

from paranext-core.

@irahopkinson That's a great thought. I Considered Radix for a while. Would be good to discuss further. That was a helpful article to read about the situation! Let's discuss soon :)

from paranext-core.

Decision: we think it's too early to go with headless.
Mui Base is headless but there aren't enough components yet (on Mui v5 at the moment). Mui v6 will be based on Mui Base and when we move to v6 we could re-elvauate the use of headless. Just going with Mui for now also keeps things much simpler as we start up.

from paranext-core.

The work for #40 is combined with the work for #39, and both are combined in a single pull request:
#96

from paranext-core.