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 |