If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Buttons

The Venia storefront uses Small, Medium, and Large buttons depending on the context.

Design

Type Specification
Small Small button specification
Medium Medium button specification
Large Large button specification
Shopping cart Shopping cart specification

Filled vs Hollow buttons

The Venia storefront design uses filled and hollow buttons to indicate importance.

Filled buttons are designed to stand out and indicate the primary action for a specific section or screen. Hollow buttons indicate secondary actions for a specific section or screen.