Button

<Button /> component wraps a <button /> element and spread all the props.

Variants

Use useUnionProps to render the component with different value of an union prop.

Following is a static example.

import { Button } from 'components';

<Button>Static</Button>;

jsx

react-query relies on ReactQueryClientProvider being rendered in at root of the application using wrapper.

Result:

Calling console.log, console.info, console.warn, console.error in the example will log the result in a separate panel.