Theme Switcher (Local Storage)

Light

Dark

Background White

Background Gray

s:text (Struts 2)

The tags are designed to display dynamic data. To create a input field that displays the property “postalCode”, we’d pass the String “postalCode” to the textfield tag.

User ID

Chosen Dropdown

Datepicker

Tags:

Chosen Filter

Datepicker

User ID

Dialog

The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.

Well, let me tell you something, funny boy. Y'know that little stamp, the one that says "New York Public Library"? Well that may not mean anything to you, but that means a lot to me. One whole hell of a lot.

Shadows

Shadows allow you to add depth and realism to designs by positioning elements on a z-axis.

.shadow-sm

.shadow-md

.shadow-lg

.shadow-xl

.shadow-2xl

.shadow-3xl

Buttons

Buttons communicate actions that users can take. They are typically placed on forms Or anywhere you want to give users a choice.

Button CTA Button CTA Button CTA Settings

Dropdowns

Dropdowns are used to group together actions in a subview. They’re useful for hiding menus or when you have multiple actions that cannot be separate buttons.

Typography

Our design system leverages a purposeful set of typographic styles. We’ve stress-tested this typographic scale across dozens of projects to make sure it’s robust enough to use across (almost) any project, while remaining as accessible as possible for everyone.

The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.