Shell 3
Introduction
Most product interfaces are designed with a common pattern for surfacing identity, context, global navigation, etc. This application shell convention is available as the Shell 3 pattern in CoralUI.
The following components make up this pattern:
- Coral.Shell
- Coral.Shell.Header
- Coral.Shell.Help
- Coral.Shell.Menubar
- Coral.Shell.OrgSwitcher
- Coral.Shell.SolutionSwitcher
- Coral.Shell.User
- Coral.Shell.Workspaces
Coral.Shell.SolutionSwitcher
The Shell.SolutionSwitcher component provides an easy way to quickly switch between solutions and core services.
Coral.Shell.Help
The Coral.Shell.Help component is a standardized help menu designed to fit into the Shell 3 pattern.
Coral.Shell
The CoralUI Shell component is a wrapping container for the coralui-shell-* components.
Coral.Shell.OrgSwitcher
The Shell.Orgswitcher can fill a Shell.Menu.Item with an interface to let a user change what organizational area of their application they are using. In the simplest sense it is just a drop down menu with a search feature.
Coral.Shell.Header
The Coral.Shell.Header component is a wrapping container, where most of the Shell 3 components are intended to be placed.
See the Coral.Shell.Header documentation for more detail.
Coral.Shell.Workspaces
The Coral.Shell.Workspaces component creates navigation options intended for switching what is displayed in the main content zone.
Coral.Shell.User
The Shell.User component is intended to for use as a Shell.Menubar item that offers access to app user details and related functionality.
Coral.Shell.MenuBar
The Shell.Menubar and Shell.Menubar.Item components provide container elements for the menu area of the Shell3 pattern.