在美人鱼序列图中添加盒子/容器

Question

我正在用 Mermaid 制作序列图，我发现这个loop功能非常酷，用以下代码块在循环周围绘制一个带标签的矩形：

sequenceDiagram
    loop Title
        Alice->>Bob: Hello John, how are you?
        Bob->>Alice: Answer
            loop Title
                Bob->>Bob: Thinks
            end
    end

渲染效果如下：

我的问题是：我可以将这个矩形容器元素用于除循环以外的其他用途吗？仅用于对事物进行分组，并将其命名为除“循环”之外的任何我想要的名称（如果我更改关键字，则它不起作用loop）。好像只有‘loop’、‘opt’和‘alt’授权关键字？

Answer 1

看起来subgraph就是你想要的：

flowchart TB
    c1-->a2
    subgraph ide1 [one]
    a1-->a2
    end

https://mermaid-js.github.io/mermaid/#/flowchart?id=subgraphs

Answer 2

您好，也许与您希望的不完全相同，但您可以尝试

sequenceDiagram
    participant Alice
    participant John
    
    rect rgb(191, 223, 255)
   
        Alice->>Bob: Hello John, how are you?
        Bob->>Alice: Answer
            rect rgb(200, 150, 255)
                Bob->>Bob: Thinks
            end
    end

这将创建一个矩形