@readyapi/api-client-react
v0.3.10
Published
the open source API testing client for react
Downloads
5
Maintainers
Readme
Scalar API Client React
Installation
npm install @readyapi/api-client-react
Usage
import { ApiClientReact } from '@readyapi/api-client-react'
import React, { useState } from 'react'
export const Wrapper = () => {
const [isOpen, setIsOpen] = useState(false)
return (
<>
<button onClick={() => setIsOpen(true)}>
Click me to open the Api Client
</button>
<ApiClientReact
close={() => setIsOpen(false)}
isOpen={isOpen}
request={{
url: 'https://api.sampleapis.com',
type: 'GET',
path: '/simpsons/products',
}}
/>
</>
)
}
You will also need one of the following classes on a parent element:
.dark-mode
.light-mode
Props
close: function
function to close the dialog, as seen above
isOpen: boolean
boolean which controls the visibility of the dialog containing the client
request: ClientRequestConfig
export type ClientRequestConfig = {
id?: string
name?: string
url: string
/** HTTP Request Method */
type: string
/** Request path */
path: string
/** Variables */
variables?: BaseParameter[]
/** Query parameters */
query?: Query[]
/** Cookies */
cookies?: Cookie[]
/** Request headers */
headers?: Header[]
/** Content type matched body */
body?: string
/** Optional form data body */
formData?: FormDataItem[]
}
ApiClientReactBase
We also export the base component if you do not want the modal.
ApiClientReactBase
Details on how to use it can be found in the source code for ApiClientReact