Back to Components

Global Styles

Overview

Global Styles is a component that enables the sharing of global styles rules for Recipe, so that these rules are applied consistently throughout your application. Recipe Global Style includes common rules such as the application of the base font-size and font-family.

info-icon
Global Styles is automatically included by the EzAppLayout component
Direct usage of this component is typically unnecessary except to support backwards-compatibility.

Best Practices

Global Styles should:

  • Only be used directly to support backwards-compatibility or testing scenarios. Most applications should use App Layout which automatically includes Global Styles.

Examples

Global styles

By including the Global Styles component inside your application, the Recipe global style rules will be inserted into the top of the head of the current document.

Code example
Playroom

Current theme

Theme

Contents