Asset props
This example demonstrates the <Tldraw/>
component's props that give you control over assets: which types are allowed, the maximum size, and maximum dimensions.
import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'
export default function AssetPropsExample() {
return (
<div className="tldraw__editor">
<Tldraw
// only allow jpegs
acceptedImageMimeTypes={['image/jpeg']}
// don't allow any videos
acceptedVideoMimeTypes={[]}
// accept images of any dimension
maxImageDimension={Infinity}
// ...but only accept assets up to 1mb
maxAssetSize={1 * 1024 * 1024}
/>
</div>
)
}
/*
This example shows how to use props on the Tldraw component to control what types of
assets can be uploaded.
*/
Prev
Shape with migrationsNext
Local Storage