History

Mitja Bezenšek 300466f52a Add fit to content for frames. (#2275 ) Adds Fit to content option for frames. This resizes the frames so that the whole content fits. It also adds 50px padding on all sides so that the content does not touch the frame's borders. https://github.com/tldraw/tldraw/assets/2523721/b2f86e31-7dfb-495f-ac31-f1e0125e0af1 https://github.com/tldraw/tldraw/assets/2523721/e0a73d25-ac9f-4a35-a1fd-4aed7a5b151c Fixes #1407 ### Change Type - [ ] `patch` — Bug fix - [x] `minor` — New feature - [ ] `major` — Breaking change - [ ] `dependencies` — Changes to package dependencies[^1] - [ ] `documentation` — Changes to the documentation only[^2] - [ ] `tests` — Changes to any test code only[^2] - [ ] `internal` — Any other changes that don't affect the published package[^2] - [ ] I don't know [^1]: publishes a `patch` release, for devDependencies use `internal` [^2]: will not publish a new version ### Test Plan 1. Add some shapes. 2. Add a frame that encloses those shapes. 3. Right click on the frame and choose `Fit to content` 4. The frame should resize to fit all the children with some padding on all sides of the frame. - [x] Unit Tests - [ ] End to end tests ### Release Notes - Add Fit to content option to the context menu for frames. This resizes the frames to correctly fit all their content. --------- Co-authored-by: David Sheldrick <d.j.sheldrick@gmail.com> Co-authored-by: Steve Ruiz <steveruizok@gmail.com>		2023-12-07 12:57:56 +00:00
..
api	Add fit to content for frames. (#2275 )	2023-12-07 12:57:56 +00:00
scripts	tldraw zero - package shuffle (#1710 )	2023-07-17 21:22:34 +00:00
src	Add fit to content for frames. (#2275 )	2023-12-07 12:57:56 +00:00
api-extractor.json	transfer-out: transfer out	2023-04-25 12:01:25 +01:00
api-report.md	Add fit to content for frames. (#2275 )	2023-12-07 12:57:56 +00:00
CHANGELOG.md	Update CHANGELOG.md [skip ci]	2023-11-10 10:49:37 +00:00
LICENSE	transfer-out: transfer out	2023-04-25 12:01:25 +01:00
package.json	[fix] huge images, use downscale for image scaling (#2207 )	2023-11-14 08:21:32 +00:00
README.md	Update readme (#2027 )	2023-10-06 12:10:33 +00:00
setupTests.js	fix vite HMR issue (#2279 )	2023-12-01 16:48:30 +00:00
tsconfig.json	tldraw zero - package shuffle (#1710 )	2023-07-17 21:22:34 +00:00

README.md

@tldraw/tldraw

This is the pre-release version of tldraw.

See the pre-release docs at canary.tldraw.dev.

Installation

Install the @tldraw/tldraw package using @canary for the latest canary release. (Or @alpha for the latest alpha release.)

yarn add @tldraw/tldraw@canary
# or
npm install @tldraw/tldraw@canary
# or
pnpm i @tldraw/tldraw@canary

Then start the local development server.

yarn dev
# or
npm run dev
# or
pnpm dev

Usage

An extremely minimal usage (without our UI) might look like this:

import { Tldraw } from '@tldraw/tldraw'
import '@tldraw/tldraw/tldraw.css'

export default function () {
	return <Tldraw />
}

See the examples folder for more examples.

License

The source code in this repository (as well as our 2.0+ distributions and releases) are currently licensed under Apache-2.0. These licenses are subject to change in our upcoming 2.0 release. If you are planning to use tldraw in a commercial product, please reach out at hello@tldraw.com.