Skip to main content

Button

Version

Installation​

npm

npm install @availity/button --save

Yarn

yarn add @availity/button

Loading Button Example​

import React from 'react';
import Progress from '@availity/button';

const Example = () => (
  <>
    <LoadingButton block disabled isLoading={isLoading} color="primary">
      Test
    </LoadingButton>
  </>
);

Import Styles​

Add this line in your scss file or app root to load the styles.

@import '~@availity/button/styles.scss';

OR

import '@availity/button/styles.scss';

Live example​

Storybook

Props​

isLoading: boolean​

This is the flag that determines whether the button is loading. If it is true, the loading panel will show.

className?: string​

Additional classes that should be applied to the button.

type?: string​

This represents the button type, so either 'submit' or 'button'. Defaults to 'submit'.