Currently only the dropdown has an option that appends the menu content to the body. It's enabled via the tether prop, and is used to auto position the dropdown (below or above button) when content hits the viewport. Not necessarily as an option to append to body but a way to make sure dropdown content is always visible.

It's probably worth letting people opt-out of the append to body behavior. I think it involves some digging into with tether options and how TetherContent children get rendered and positioned.

Todo:

• Document tether option in dropdown 😅
• Get a proof of concept with tether option and rendering to body/container vs inline
• Standardize prop name, in bootstrap.js it's container