Skip to main content

Custom Component Overview

What are Custom Components?​

Custom components allow you to implement complex and specialized UI that might be difficult to achieve with the standard components. You can write components based on React and use them in your pages just like any other built-in component.

Why Custom Components?​

While basic components can be used for various purposes, they may not perfectly meet specific business requirements. Custom components are needed in cases such as:

  • Special interactions: When implementing UIs that require complex user interactions
  • Specialized input components: When specific data input methods are required for business needs
  • Brand consistency: When implementing custom UI components that match corporate branding
  • Complex layouts: When complex layouts combining multiple components are needed

Custom Component Features​

Custom components have the following features:

  • React-based: Uses the familiar React component writing pattern.
  • State management: Manages component state and makes it accessible externally using the useComponentState hook.
  • Easy testing: Test and verify results directly in the component editor.
  • Reusability: Custom components can be reused across multiple pages.

Getting Started​

To create custom components, you need basic knowledge of React. Learn more about writing custom components and APIs through the following documents:

info

Custom components can be written more effectively using React and TypeScript knowledge.