Appearance

Type@tryyoursize/react-native

interface Appearance

Properties

theme"inherit" | "tryyoursize"Optional

"inherit" (default): your app's own colours and font. "tryyoursize": the light beige brand.

variables{ /** Hex: "#rrggbb" or "#rrggbbaa". */ colorPrimary?: string; colorBackground?: string; colorText?: string; /** A CSS font-family for the window. */ fontFamily?: string; /** Corner radius, 0–32. */ borderRadius?: number; }Optional

fonts{ cssSrc: string }[]Optional

Google Fonts stylesheets for the window.

Example

React NativeSwiftKotlinFlutter

await configure("pk_test_…", { appearance: { variables: { borderRadius: 10 } }, locale: "es" });

let tys = try TryYourSize(publishableKey: "pk_test_…", configuration: .init(
    appearance: Appearance(borderRadius: 10),
    locale: "es"))

val tys = TryYourSize(context, "pk_test_…", TryYourSize.Configuration(
    appearance = Appearance(borderRadius = 10f),
    locale = "es",
))

final tys = await TryYourSize.create('pk_test_…', appearance: const Appearance(borderRadius: 10), locale: 'es');