Interface CommonProps

interface CommonProps {
    className?: string;
    currency?: "SEK" | "EUR";
    customAttribute?: {
        attribute: string;
        value: string | number;
    };
    disabled?: boolean;
    fontVariant?:
        | "h2"
        | "h3"
        | "h4"
        | "h1"
        | "subtitle1"
        | "body1"
        | "h1Small";
    hidePricePrefix?: boolean;
    leftAligned?: boolean;
    locale?: InputLanguage;
    pricePrefix?: "from" | "add" | "addFrom";
    priceType?: "standard" | "textSecondary" | "lowPrice";
    sx?: SxProps<Theme>;
    useFontVariantOnBothPriceAndPoints?: boolean;
    wrapPrefixAndPrice?: boolean;
}

Properties

className? currency? customAttribute? disabled? fontVariant? hidePricePrefix? leftAligned? locale? pricePrefix? priceType? sx? useFontVariantOnBothPriceAndPoints? wrapPrefixAndPrice?

Properties

OptionalclassName

className?: string

Optional CSS class name.

Optionalcurrency

currency?: "SEK" | "EUR"

Currency of the price. Default is SEK.

OptionalcustomAttribute

customAttribute?: {
    attribute: string;
    value: string | number;
}

Custom attribute for testing. Subcomponents will have this attribute suffixed with "-[ComponentName]".

Optionaldisabled

disabled?: boolean

If true, the component is disabled.

OptionalfontVariant

fontVariant?:
    | "h2"
    | "h3"
    | "h4"
    | "h1"
    | "subtitle1"
    | "body1"
    | "h1Small"

Typography variant styling applied to the price text.

OptionalhidePricePrefix

hidePricePrefix?: boolean

When true, hides the prefix that appears before the price.

OptionalleftAligned

leftAligned?: boolean

Ensures price alignment to the left on small or zoomed-in viewports.

Optionallocale

locale?: InputLanguage

Locale setting for formatting the price and points.

OptionalpricePrefix

pricePrefix?: "from" | "add" | "addFrom"

Text prefix displayed before the price.

OptionalpriceType

priceType?: "standard" | "textSecondary" | "lowPrice"

Defines the color for the price.

Optionalsx

sx?: SxProps<Theme>

Custom styles applied to the component.

OptionaluseFontVariantOnBothPriceAndPoints

useFontVariantOnBothPriceAndPoints?: boolean

When true, applies the fontVariant to both price and points. Defaults to false.

OptionalwrapPrefixAndPrice

wrapPrefixAndPrice?: boolean

Wraps the price prefix and the price into separate lines, useful for long prefixes.

Settings

Member Visibility

On This Page

Properties