button--floating

Varianten

Property	Optionen	Default
State	Pressed, Default, Hover	Default

Design Tokens

Variant	CSS Property	Token
State=Default	background	Surface/main
State=Default	background	Text/main
State=Default	border-color	Neutral [previous secondary]/main
State=Default	box-shadow	High/Key/Blur
State=Default	box-shadow	High/Key/Color & Opacity
State=Default	box-shadow	High/Ambient/Color & Opacity
State=Default	box-shadow	High/Ambient/Offset X
State=Default	box-shadow	High/Ambient/Blur
State=Default	box-shadow	High/Key/Offset X
State=Default	box-shadow	High/Ambient/Offset Y
State=Default	box-shadow	High/Key/Spread
State=Default	box-shadow	High/Ambient/Spread
State=Default	box-shadow	High/Key/Offset Y
State=Default	gap	Gap/xs
State=Default	padding-bottom	Padding/sm
State=Default	padding-left	Padding/sm
State=Default	padding-right	Padding/sm
State=Default	padding-top	Padding/sm
State=Hover	background	Neutral [previous secondary]/transparency
State=Hover	background	Text/main
State=Hover	border-color	Neutral [previous secondary]/strong
State=Hover	box-shadow	High/Key/Blur
State=Hover	box-shadow	High/Key/Color & Opacity
State=Hover	box-shadow	High/Ambient/Color & Opacity
State=Hover	box-shadow	High/Ambient/Offset X
State=Hover	box-shadow	High/Ambient/Blur
State=Hover	box-shadow	High/Key/Offset X
State=Hover	box-shadow	High/Ambient/Offset Y
State=Hover	box-shadow	High/Key/Spread
State=Hover	box-shadow	High/Ambient/Spread
State=Hover	box-shadow	High/Key/Offset Y
State=Hover	gap	Gap/xs
State=Hover	padding-bottom	Padding/sm
State=Hover	padding-left	Padding/sm
State=Hover	padding-right	Padding/sm
State=Hover	padding-top	Padding/sm
State=Pressed	background	Neutral [previous secondary]/transparency
State=Pressed	background	Text/main
State=Pressed	border-color	Neutral [previous secondary]/strong
State=Pressed	box-shadow	High/Key/Blur
State=Pressed	box-shadow	High/Key/Color & Opacity
State=Pressed	box-shadow	High/Ambient/Color & Opacity
State=Pressed	box-shadow	High/Ambient/Offset X
State=Pressed	box-shadow	High/Ambient/Blur
State=Pressed	box-shadow	High/Key/Offset X
State=Pressed	box-shadow	High/Ambient/Offset Y
State=Pressed	box-shadow	High/Key/Spread
State=Pressed	box-shadow	High/Ambient/Spread
State=Pressed	box-shadow	High/Key/Offset Y
State=Pressed	gap	Gap/xs
State=Pressed	padding-bottom	Padding/sm
State=Pressed	padding-left	Padding/sm
State=Pressed	padding-right	Padding/sm
State=Pressed	padding-top	Padding/sm

---

Beschreibung

Do / Don't

• ✅
• ❌

Angular Usage

<!-- Beispiel-Code einfügen -->

// Input-Beispiel falls relevant

Accessibility

Notizen