Modals — Pocket Kit

GET /api/collections/posts/records

{
  "page": 1,
  "perPage": 30,
  "totalItems": 2,
  "totalPages": 1,
  "items": [
    {
      "id": "ae40239d2pvute7",
      "collectionId": "a98f514eb05f454",
      "collectionName": "posts",
      "created": "2022-06-25 11:03:45.876",
      "updated": "2022-06-25 11:03:45.876",
      "title": "Hello World",
      "active": true
    },
    {
      "id": "d08dfc4f4d84419",
      "collectionId": "a98f514eb05f454",
      "collectionName": "posts",
      "created": "2022-06-26 09:12:31.003",
      "updated": "2022-06-27 14:50:22.117",
      "title": "Second Post",
      "active": false
    }
  ]
}

GET /api/collections/posts/records/:id

{
  "id": "ae40239d2pvute7",
  "collectionId": "a98f514eb05f454",
  "collectionName": "posts",
  "created": "2022-06-25 11:03:45.876",
  "updated": "2022-06-25 11:03:45.876",
  "title": "Hello World",
  "active": true
}

POST /api/collections/posts/records

{
  "id": "e22ybynvwrhrn6z",
  "collectionId": "a98f514eb05f454",
  "collectionName": "posts",
  "created": "2022-06-25 11:03:45.876",
  "updated": "2022-06-25 11:03:45.876",
  "title": "New Post",
  "active": true
}

PATCH /api/collections/posts/records/:id

{
  "id": "ae40239d2pvute7",
  "collectionId": "a98f514eb05f454",
  "collectionName": "posts",
  "created": "2022-06-25 11:03:45.876",
  "updated": "2022-06-27 16:44:28.190",
  "title": "Updated Title",
  "active": false
}

DELETE /api/collections/posts/records/:id

// HTTP 204 No Content
// The record was successfully deleted.
// No response body is returned.

Modal Sizes

Slide Panel (Drawer)

Modal Sizes

Slide Panel (Drawer)

Small Modal

Edit Record

API Preview

Delete records

Record Details