Dark Light
System
Default LBBW Jira Confluence Source Code
Share
Playground

Shadow #

The aFP Design System provides utility classes that control box-shadow for elements. These classes can be used on their own or combined with other style utilities to create consistent depth and emphasis throughout your UI. Each class applies a specific shadow from the design system, making it easy to maintain visual consistency.


Classes #

In addition to afp-shadow-flat, which removes all shadow, each class maps directly to one of the shadow tokens defined in your theme. This allows for consistent use of small, medium, large, or flat shadow styles across your interface.

Class Value Preview
afp-shadow-s --afp-shadow-s
afp-shadow-m --afp-shadow-m
afp-shadow-l --afp-shadow-l
afp-shadow-flat --afp-shadow-flat
Share
Create a link with a predefined theme that is automatically applied when the generated link is opened. Default LBBW Presentation Mode
Abort Copy Link