Excalidraw

Example

This is a demo of the Excalidraw component.

Draw a diagram in excalidraw with the default colors and export it as a svg without a background.
Import that svg and use it with the excalidraw component, colors will be automatically changed to your theme colors.

		<Excalidraw {svg} alt="Excalidraw Demo" caption="This is a demo of the Excalidraw component." />

Renders an Excalidraw SVG drawing with optional caption.

Property Type Description

svg required

string

The Excalidraw SVG content as a string.

alt required

string

Alt text for the drawing.

caption

string

Optional caption text displayed below the drawing. Default: —

captionClass

string

Additional CSS classes for the caption element. Default: —

class

string

Additional CSS classes to apply. Default: —

ref $bindable

HTMLElement

The underlying DOM element. Default: —

Property

svg

alt

caption

captionClass

class

ref