Are there basic examples of implementing the group focus feature?

I can’t seem to wrap my mind around how These work

The most obvious place Group Focus are used is on the main menu on most websites

You can also use them throughout your app whenever you want to show a sub menu, or a hidden list of options

You can think of it as a Floating Group element with the following enhancements:

  • Its position is anchored relative to another element.
  • It’s hidden by default, so you must explicitly show it.
  • It closes automatically when the mouse is clicked outside of the group.

In addition to nav menus, as @jeffrey.j.obrien mentioned, it’s also well suited to contextual content of any kind wherever it appears on the page.

-Steve


Premium Bubble Plug-Ins

This topic was automatically closed after 70 days. New replies are no longer allowed.