Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

@hyperbook/web-component-excalidraw

Web component wrapper for Excalidraw integration in Hyperbook. This package provides a custom element that embeds the Excalidraw drawing tool as a reusable web component.

Features:

  • Standalone Excalidraw web component
  • Built with React and converted to web component via @r2wc/react-to-web-component
  • Compatible with any HTML environment
  • Used by the :excalidraw directive in @hyperbook/markdown

Installation

pnpm add @hyperbook/web-component-excalidraw
# or
npm i @hyperbook/web-component-excalidraw

Usage

<!-- In HTML -->
<hyperbook-excalidraw data="..."></hyperbook-excalidraw>
// In JavaScript
import "@hyperbook/web-component-excalidraw";