@checkout-kit/ui / appearanceToStyle
Variable: appearanceToStyle
ts
const appearanceToStyle: (appearance) => CSSProperties;tsx
<CheckoutRoot theme="auto" style={appearanceToStyle({ accent: '#0a7', radius: 8 })}>density is an attribute rather than a property - appearanceToAttributes returns it, and <CheckoutRoot density=...> takes it directly.
Parameters
| Parameter | Type |
|---|---|
appearance | CheckoutAppearance |
Returns
CSSProperties