@component-controls/editors

Component controls editors for component control values.

Usage no npm install needed!

<script type="module">
  import componentControlsEditors from 'https://cdn.skypack.dev/@component-controls/editors';
</script>

README

Table of contents

Overview

Some of the guiding design goals for this library:

  • Extensible using addPropertyEditor, so you can replace or add new editors.
  • All editors offer a consistent interface through the getPropertyEditor factory.

List of components

getPropertyEditor

Property editors factory. Given a propey type, will return a editor compnent class.

getPropertyEditor source code

ArrayEditor

Array control editor.

ArrayEditor source code

properties

Name Type Description
editLabel string label for the editor button.
name* string name of the property control.

BooleanEditor

Boolean control editor. Uses the Toggle component.

BooleanEditor source code

properties

Name Type Description
name* string name of the property control.

ButtonEditor

Button control editor.

ButtonEditor source code

properties

Name Type Description
name* string name of the property control.

ColorEditor

Color control editor.

ColorEditor source code

properties

Name Type Description
name* string name of the property control.

DateEditor

Date control editor.

DateEditor source code

properties

Name Type Description
name* string name of the property control.

FilesEditor

Files control editor.

FilesEditor source code

properties

Name Type Description
name* string name of the property control.

NumberEditor

Number control editor.

NumberEditor source code

properties

Name Type Description
name* string name of the property control.

ObjectEditor

Object control editor.

ObjectEditor source code

properties

Name Type Description
editLabel string label for the editor button.
name* string name of the property control.

OptionsEditor

Options control editor.

OptionsEditor source code

properties

Name Type Description
name* string name of the property control.

TextEditor

Text control editor.

TextEditor source code

properties

Name Type Description
name* string name of the property control.