Interface CurrencySelectorElementAppearance

Appearance configuration for Currency Selector Element.

interface CurrencySelectorElementAppearance {
    contentVerticalPadding?: number;
    font?: Partial<PaymentSheet.FontConfig>;
    colors?:
        | CurrencySelectorElementColorConfiguration
        | {
            light: CurrencySelectorElementColorConfiguration;
            dark: CurrencySelectorElementColorConfiguration;
        };
    shapes?: CurrencySelectorElementShapeConfiguration;
    labelContent?: CurrencySelectorElementLabelContent;
}

Index

Properties

contentVerticalPadding? font? colors? shapes? labelContent?

Properties

`Optional`contentVerticalPadding

contentVerticalPadding?: number

Vertical padding inside each currency option, in density-independent pixels.

`Optional`font

font?: Partial<PaymentSheet.FontConfig>

Font family and scale used throughout the selector.

`Optional`colors

colors?:
    | CurrencySelectorElementColorConfiguration
    | {
        light: CurrencySelectorElementColorConfiguration;
        dark: CurrencySelectorElementColorConfiguration;
    }

Colors used by the selector.

`Optional`shapes

shapes?: CurrencySelectorElementShapeConfiguration

Shape configuration for the selector track and selected pill.

`Optional`labelContent

labelContent?: CurrencySelectorElementLabelContent

Content displayed in each currency option. Defaults to automatic.