Qore Docs
  • What is Qore?
  • Getting Started
    • Start Exploring
    • Qorebase
      • Table & View
      • View Insight
      • Field Types
      • Manage Data (Import & Export)
      • Role & Permission
      • Filter & Sort
    • Qore App
      • Pages
      • Settings
      • Component
    • Create Workflow
  • ACCOUNT
    • Account Setting
  • Project
    • Manage Project
      • Create New Project
      • Customize Project
      • Delete Project
  • Table
    • Manage Table
      • Users Table
      • Create Table
      • Rename Table
      • Delete Table
      • Manage Row
    • Manage Views
      • Create Views
      • Rename Views
      • Delete View
    • Manage Field
      • Create Field
      • Update Field
      • Delete Field
    • Field Type
    • Modify Table
      • Sort
      • Filter
      • Dynamic Filter
      • Hide and Show Field
  • Component
    • Text
      • Text
      • Description Text
      • Rich Text
      • Hint Text
      • Paragraph Text
    • Media
      • Headline
      • Image
      • Embed
      • QR Code Generator
      • Barcode Generator
      • Carousel
    • List
      • List
      • List Card
      • Horizontal Tile
      • Vertical Tile
    • Button
      • Button
      • Button Bar
      • Menu Grid
      • Icon Button
      • Floating Button
    • Custom Component
      • Props
      • Example
  • FAQ
    • How to display Image in Qore App
      • Gallery Component
      • Headline Component
      • Image Component
      • Horizontal Tile Component
      • List Component
      • List Card Component
      • Vertical Tile Component
    • How to display filtered data from table
    • How to filter data on table/view
      • Save configuration filter on table/view
  • Usecase
    • Create list of restaurant menu
Powered by GitBook
On this page
  1. Component
  2. Custom Component

Props

registerComponent Props

Name
Value
Description

type

'none', 'record', 'list', 'nested-list', 'standalone-list'

Define the component type and how the component get its data.

  • record - component with the data source is reference to the table selected in page context

  • list - component with a different data source from the page context, but the state property defined in its component would still reference from the table selected in page context

  • nested-list - like a list component, but used to get many to many or one to many data relation

  • standalone-list - like a list component, but the defined state property in this component is going to be reference from the table selected in this component source.

propDefinition

Object

Define the schema of properties in the component

defaultProps

Object

Define the default value for registered properties in propDefinition

Component

React Component

Render a custom component that will be shown on apps

Component props

Name
Description

hooks

source

Get detail of selected source table if you are using list, nested-list type component, standalone-list.

pageSource

Get detail of selected source table if you are using record type component.

properties

Value of the defined properties in propDefinition

instance

Schema of the component

Component props hooks

Name
Description

useTemplate

make a template of the string value if the it's uses the suggested @ tag. if it's not, it would be trait as a normal string

useActionTrigger

create an action trigger, usually used with a property defined as action type

sourceHooks

an axios client wrapper used to make request to selected source.

PreviousCustom ComponentNextExample

Last updated 3 years ago

component hooks list