Chainlit 自定义元素开发指南：使用 JSX 和受限导入实现交互式界面

自定义元素

Custom Element 类允许你渲染一个自定义的 .jsx 代码片段。.jsx 文件应当放置在 public/elements/ELEMEN_NAME.jsx 目录下。

属性

• name 字符串
  自定义元素的名称。它应该与你的JSX文件名相匹配（不包括 .jsx扩展名）。

• props 字典
  传递给 JSX 的属性。

• display ElementDisplay 默认值：“inline”
  确定文本元素在用户界面中应该如何显示。选项有 “side”，“inline” 或 “page”。

如何编写JSX文件

如果您不熟悉UI开发，您可以将这些指令传递给LLM，要求它为您生成.jsx ！

要为Chainlit自定义元素实现jsx文件，请遵循以下说明。