Introduction

The $system that we have provided is refers to the Styled System's system.

To create custom props for other CSS properties, use the system low-level utility. The system function takes a configuration object as its only argument and returns a style function that can be used like any other Styled System function. Each key in the configuration object can define the following:

We provide this systems in Desygna:

• $animation
• $background
• $border
• $color
• $cursor
• $flexbox
• $grid
• $layout
• $position
• $shadow
• $space
• $typography