WISE App

The wrapper component for all WISE applications.

Purpose

This internal component provides the main layout, navigation, and core elements that should exist among all new ERP applications.

Breadcrumb
Application Title - Retains through entire app, even when a route is selected.
Application Routing (third tier navigation)

View on PrimeNG

Get the Figma Asset

Get Documentation

Usage

When to use

When not to use

Video Recap

Best Practice

Example One

Application routing is only used if there are third tier navigation items. If there are none, the user will only see the application title upon entering an application.

Example Two

Title and routing (if used) remain throughout all levels of an application to enable the user to quickly navigate and to know which application they are using at all times.

Example Three

If a user can move into deeper levels past a first-level view, use breadcrumbs to enable them to track and navigate through page hierarchy. See Breadcrumb documentation for additional information.

Example Four

Winsupply Standards

Testing Demo

Test

testing content here testing content here

Right Aligned Numbers

$21,344.00 |

Numbers in a table like cost, quantity and price are right aligned inside of a table.

Date Format

00/00/2024

Across all domains, the date format should be listed in this way to ensure consistency.