```
---
title: API Usage
---

import {GraphiQLWrapper} from "@/components/graphiql/wrapper"


## Query 1

<GraphiQLWrapper className="max-h-screen! h-[calc(--spacing(120))]!" url="http://localhost:4000/schema" query={`{
    listRecords {
      pageInfo {
        hasNextPage
        endCursor
      }
      edges {
        node {
          id
          name
        }
      }
    }
  }
`} />


## Query 2


<GraphiQLWrapper className="max-h-screen! h-[calc(--spacing(120))]!" url="http://localhost:4000/schema" query={`{
    listRecords(where: { status: { equals: active } }) {
      pageInfo {
        hasNextPage
        endCursor
      }
      edges {
        node {
          id
          name
        }
      }
    }
  }
`} />

```