Styling Editor

No items found.

This article ONLY works when using Avonni Creator. Only customers with an active subscription that was activated on or before December 31, 2021 have access to Avonni Creator.

This article is only valid when working on a Creator project.

Styling Editor

Use the styling editor to customize the look and feel of any UI elements.

Create styles for:

Paints and colors: fill, stroke, background color
Text: font family, size, line height, spacing
Effects: drop shadow, inner shadow, layer blur, background blur
Styling Hooks: other styling hooks settings according to the Lightning Design System

Whenever you make a change to a style's properties - like updating a text style's color from red to blue - Avonni will apply those changes directly on the Styling code.

‍