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-builder

Viewport

const · packages/builder/src/index.ts:46

const Viewport: Schema.Literals<readonly ['wide', 'medium', 'narrow']>
Previousfoldkit-builder

Edit on GitHub ↗

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

FoldkitEffectGitHub