Edit page

digmaker-ui

digimaker-ui provides react ui components for Digimaker CMF. It provides features like create, edit, delete, actions and other editorial features.

Check our sample projects

  • admin
  • app

Installation

npm -i digimaker-ui
// Note. for npm version > 7 you may need to run
// npm -i digimaker-ui --legacy-peer-deps

Read Use digimaker-ui for how to use it.

Read extend actions and implement your own field types.

Common components

// import example
import {Main} from 'digimaker-ui';
ComponentDescription
ListList contents
MainMain page for editorial site
DMInitInitialize all components
TreeNodeShow content in tree
BrowseBrowse contents
utilUtility
RenderFieldsRendering fields in view/edit mode
FileUploadUpload file to server

Actions

//import example
import {Delete} from 'digimaker-ui/actions';
ActionDescriptionNote
DeleteDelete content
CopyCopy a content
MoveMove content
SetPrioritySet priority
SetToTopSet to top
FilterFilter above list
User
DisableUserDiable/Enable current user

Action for routing

Note: It's not possible to configure below to action, but with wrapper(eg. dialog to implemment `ActionProps`) it's possible.
ActionDescription
CreateCreate a content
EditEdit a content