Shadow System
Examples and documentation for the shadow system component
Shadow System
This demonstrates the global shadow system that provides consistent elevation across all UI
components.
.bz-shadow--* sets --bz-shadow and --bz-shadow-hover
consumed by components.
Shadow Utilities
none
.bz-shadow--none
sm
.bz-shadow--sm
md
.bz-shadow--md
lg
.bz-shadow--lg
xl
.bz-shadow--xl
xxl
.bz-shadow--xxl
Examples with components
Badge sm shadow
Badge md shadow
Badge lg shadow
Buttons with shadow utilities
Cards with shadow utilities
Shadow sm
Card content
Shadow md
Card content
Shadow lg
Card content