Files
supabase/apps/design-system/registry/default/example/mermaid-sequence-api.tsx
Ivan Vasilov ee8eae7309 chore: Clean the ui package from next imports (#44278)
This PR moves several components which rely on `next` out of the `ui`
package to the `ui-patterns` package.

`ui-patterns` package is intented to be imported with specific imports
so it's ok if there are components reliant on `next` in there.

The `SonnerToaster` component has removed its dependency by requiring a
prop for `theme`.
2026-03-30 10:58:37 +02:00

23 lines
425 B
TypeScript

import { Mermaid } from 'ui-patterns/Mermaid'
export default function MermaidSequenceApi() {
return (
<Mermaid
chart={`
sequenceDiagram
participant Client
participant API
participant Auth
participant DB
Client->>API: POST /api/data
API->>Auth: Validate JWT
Auth-->>API: Token valid
API->>DB: INSERT query
DB-->>API: Success
API-->>Client: 201 Created
`}
/>
)
}