Components Illustration

Illustration

Overview API Examples Style Tokens

LmnIllustrationComponent

import { LmnIllustrationComponent } from '@elemental/ui';
Decorators:@Component
Selectors:lmn-illustration

Properties

NameTypeDescription
nativeElement
r
HTMLElement
negative
r
InputSignalWithTransform<boolean, unknown>

Define the negative status of the illustration

size
r
InputSignal<LmnIllustrationSize>

Define the size of the illustration

svgName
r
InputSignal<string>

Define the name of the illustration to show

LmnIllustrationService

import { LmnIllustrationService } from '@elemental/ui';
Decorators:@Injectable

Properties

NameTypeDescription
lastLoadedIllustrationSet
r
WritableSignal<string | undefined>

Methods

addIllustrations()

No documentation has been provided.

Presentation
addIllustrations(illustrationsSet: Record<string, LmnIllustration | LmnIllustrationExtended> | LmnIllustrationExtended[], illustrationsSetId?: string | undefined): void;
Parameters
NameTypeDescription
illustrationsSet
Record<string, LmnIllustration | LmnIllustrationExtended> | LmnIllustrationExtended[]
illustrationsSetId
string | undefined
Returns
void

getIllustration()

No documentation has been provided.

Presentation
getIllustration(name?: string | undefined): SVGElement | undefined;
Parameters
NameTypeDescription
name
string | undefined
Returns
SVGElement | undefined
async

loadIllustrations()

Load illustrations from a metadata remote file such as a CDN

Presentation
async loadIllustrations(url: string): Promise<void>;
Parameters
NameTypeDescription
url
string

@param url

Returns
Promise<void>