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.

Static Example

Following is a static example.

import { Button } from 'components';
<Button>Static</Button>;
jsx

Example that fetch data

Using wrapper example

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

Result:

Log Message

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