Date:17/08/2021

Designed sections, component style overrides and a command palette

TeleportHQ's August 2021 release of the Playground (version 2.2 Beta) adds ready-made designed sections, style overrides on component instances and a command palette.

What's new

Designed Sections

Get a head start on building your project by using responsive, ready-to-use, customizable sections.

Find them in the Elements panel and simply drag&drop them in your pages or components.

The Elements panel with ready-made designed sections to drag into a page

Component Style Overrides

Edit style properties like size, position, margin and background for the root node of a component instance right where it is used.

Style properties of a component instance being edited where the instance is used

Command Palette

Use Teleport like a pro! Hit Ctrl/Cmd + P to access the command palette and execute commands like adding pages, components, or deploying your project.

The command palette listing commands

Improvements

  • Improved drop zones for drag and dropping elements.
  • Duplicating elements with props will duplicate the props as well.
  • Additional spacing tokens and new size tokens values.
  • Unit inputs support new units like vw and ch.

Bug fixes

  • Fixed saving mechanism when the connection is lost.
  • Fixed duplication of component instances on redo.
  • Fixed deploy issue on link elements.
  • Fixed saving Webkit properties in dev inspector.
Share