Skip to content
Chai Builder

Link Control

Link control allow user add a link. It has two properties href and target. href is a string and target is a string or a Chai Builder block.

Usage

import { Link, registerChaiBlock } from "@chaibuilder/blocks";


const YourBlock = ({ link }) => {
    return <div>
        <a title="Link" href={link.href} target={link.target}>Open Link</a>
    </div>
}


registerChaiBlock(YourBlock, {
    type: 'YourBlock',
    label: 'Your Block',
    category: 'Basic',
    props: {
        link: Link({
            title: "Link",
            default: { type: "page", target: "_self", href: "" }
        })
    }
})

Arguments

  • default - Default value for control.
  • title - Title of control visible in Chai Builder block settings panel