API Reference
useLyrix()
A React hook for accessing Lyrix context inside client blocks.
Usage
useLyrix() gives you access to the current page, editor state, and dispatch functions inside any client block.
tsx
"use client";
import { useLyrix } from "@lyrix/core";
export function EditableBlock() {
const { page, isEditing } = useLyrix();
return <div>{isEditing ? "Editing..." : page.slug}</div>;
}