• React Bricks 3.2
      • Learning resources
      • The CLI
      • Starter projects
      • React Bricks Dashboard
      • v3.1 and bundle splitting
      • React Bricks v3
      • Upgrade v2 > v3
      • React Bricks v2
      • Upgrade v1 > v2
      • Overview
      • The Editor
      • The Playground
      • App Settings
      • Internationalization
      • User roles
      • Pages
      • Click to edit
      • Configuration
      • Page Types
      • Custom fields
      • What is a Brick
      • Schema
      • Side edit props
      • Visual Editing
      • Styling
      • External content
      • Access page meta
      • Custom visual editing component
      • Overview
      • Repeater items
      • Default items
      • Repeated bricks
      • Nextjs-I18-Rounting
      • Page and queries
      • How to deploy
      • Intro to API docs
      • Components structure
      • <ReactBricks>
      • <PageViewer>
      • <Admin>
      • <Login>
      • <Editor>
      • <Playground>
      • <AppSettings>
      • <Text>
      • <RichText>
      • <RichTextExt>
      • <Image>
      • <Repeater>
      • <File>
      • <Link>
      • usePagePublic
      • usePagesPublic
      • useTagsPublic
      • useAuth
      • useVisualEdit
      • usePageValues
      • useReactBricksContext
      • useAdminContext
      • fetchPage
      • fetchPages
      • fetchTags
      • cleanPage
      • getPagePlainText
      • plain
      • markPluginConstructor
      • blockPluginConstructor
      • Enums
      • Types
      • Interfaces

Custom visual editing component

Using the useVisualEdit hook, you can create your own visual editing component, accessing React Bricks internals to get and set a prop.

For example, you may create a code editor or have fun with canvas.

See useVisualEdit documentation

Access page meta
Overview

© 2022 F2 .net engineering s.r.l.
Edit this page on GitHub