HPE
Design System
Foundation
Components
Templates
Learn

Learn

Learn foundational knowledge and best practices for how to build HPE applications with Grommet using these tutorials, how-to guides, and explanations.

6 items

Getting started

Learn

The Box Model: Part One

Build a hero section to learn about fundamental Box properties.
Learn

Grid Fundamentals: Part One

Use Grid to display a collection of products, similar to that of an e-commerce website.

How-to guides

Learn

How to add search and filter to DataTable with Data

This how-to guide shows you how to use the Data component to easily add searching and filtering to a DataTable.

Explanations

HPE T-shirt Sizing Preview
Learn

T-shirt sizing

Understand the motivations behind behind t-shirt sizing and how it drives consistent experiences.

References

Learn

Grommet API Docs

Documentation on availability properties and property types for Grommet components.
HPE Design System Roadmap
Learn

Roadmap

An interactive roadmap of the HPE Design System that provides insight into current and future milestones.