Interface CommonProps

interface CommonProps {
    customAttribute?: {
        attribute: string;
        value: string | number;
    };
    isLoading?: boolean;
    m: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>);
    mb: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>);
    ml: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
    mr: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>);
    mt: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
    mx: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
    my: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
    subtitle?: string;
    title: string;
    titleComponent?: ElementType<any, (keyof IntrinsicElements)>;
}

Hierarchy

  • MarginProps
    • CommonProps

Properties

customAttribute? isLoading? m mb ml mr mt mx my subtitle? title titleComponent?

Properties

OptionalcustomAttribute

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

Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

OptionalisLoading

isLoading?: boolean

If true, a loading skeleton will be rendered instead of the component.

m

m: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>)

mb

mb: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>)

ml

ml: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)

mr

mr: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>)

mt

mt: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)

mx

mx: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)

my

my: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: {}) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)

Optionalsubtitle

subtitle?: string

Subtitle text displayed below the title.

title

title: string

Main title text.

OptionaltitleComponent

titleComponent?: ElementType<any, (keyof IntrinsicElements)>

Change the component of the Title element. Use this to separate styling from semantics, for instance if you need an H2 heading to look like an H3.

Settings

Member Visibility

On This Page

Properties