@mantine/code-highlight/lib/CodeHighlight/InlineCodeHighlight.d.ts

Code highlight with Mantine theme

import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '@mantine/core';
export type InlineCodeHighlightStylesNames = 'inlineCodeHighlight';
export type InlineCodeHighlightCssVariables = {
    inlineCodeHighlight: '--ch-background' | '--ch-radius';
};
export interface InlineCodeHighlightProps extends BoxProps, StylesApiProps<InlineCodeHighlightFactory>, ElementProps<'code'> {
    /** Code to highlight */
    code: string;
    /** Language of the code, used to determine syntax highlighting */
    language?: string;
    /** Controls background color of the code. By default, the value depends on color scheme. */
    background?: MantineColor;
    /** Key of `theme.radius` or any valid CSS value to set border-radius @default `'sm'` */
    radius?: MantineRadius;
    /** Adds border to the root element @default `false` */
    withBorder?: boolean;
}
export type InlineCodeHighlightFactory = Factory<{
    props: InlineCodeHighlightProps;
    ref: HTMLElement;
    stylesNames: InlineCodeHighlightStylesNames;
    vars: InlineCodeHighlightCssVariables;
}>;
export declare const InlineCodeHighlight: import("@mantine/core").MantineComponent<{
    props: InlineCodeHighlightProps;
    ref: HTMLElement;
    stylesNames: InlineCodeHighlightStylesNames;
    vars: InlineCodeHighlightCssVariables;
}>;