F+Foldkit Plus
HomeLearnPackagesComponentsDemosGitHub ↗

Composition

Guides

foldkit-composition

  • Overview
  • What it owns
  • Mental model
  • Sixty seconds
  • The Document, and its two schemas
  • What validation finds
  • Conditions
  • Actions
  • Agents
  • Reading a Document
  • Editing: Operations
  • Patterns
  • Drawing a page: foldkit-composition/foldkit
  • Migrations and unknown Blocks

foldkit-builder

  • Overview
  • What it owns
  • Sixty seconds
  • Messages
  • The inspector is a form
  • The keyboard, the layers, and what the editor says
  • Text edited in place
  • Copy, cut and paste
  • As a form key
  • The selection in the URL
  • Dragging
  • Helpers

foldkit-mixins-builder

  • Overview
  • Mental model
  • Start without customization
  • The keyboard and the pointer
  • Styling
  • Your own layout
  • A narrow editor
  • The canvas and the page's data
  • What the inspector draws
  • The editor's words
  • Limits

API

foldkit-composition

  • foldkit-composition
  • foldkit-composition/foldkit
  • foldkit-composition/richtext
  • foldkit-composition/appearance
  • foldkit-composition/remote
  • foldkit-composition/surface

foldkit-builder

  • foldkit-builder

foldkit-mixins-builder

  • foldkit-mixins-builder

Open source, MIT
Foldkit 0.168 · Effect 4

Composition / foldkit-composition/foldkit

Mode

type · packages/composition/src/foldkit/index.ts:26

type Mode = 'view' | 'edit'

How a Document is drawn: as a visitor sees it, or on an editor's canvas.

Previousfoldkit-composition/foldkit

Edit on GitHub ↗

This site is a Foldkit Plus application, rendered at build time with foldkit-ssr. Its source

FoldkitEffectGitHub