@limetech/lime-elements/dist/types/components/markdown/hydrate-custom-elements.d.ts

Lime Elements

import { CustomElementDefinition } from '../../global/shared-types/custom-element.types';
/**
 * After innerHTML is set on a container, custom elements receive all
 * attribute values as strings. This function walks whitelisted custom
 * elements and parses any attribute values that look like JSON objects
 * or arrays, setting them as JS properties instead.
 *
 * This enables markdown content to include custom elements with complex
 * props, e.g.:
 * ```html
 * <limel-chip text="GitHub" link='{"href":"https://github.com","target":"_blank"}'></limel-chip>
 * ```
 *
 * @param container - The root element to search within.
 * @param whitelist - The list of whitelisted custom element definitions.
 */
export declare function hydrateCustomElements(container: HTMLElement | null | undefined, whitelist: CustomElementDefinition[] | null | undefined): void;
//# sourceMappingURL=hydrate-custom-elements.d.ts.map