react-awesome-button-namdaoduy/demo/components/theme/theme.js

Performant, extendable, highly customisable, production ready React Component that renders an animated basic set of UI buttons

import React from 'react';
import PropTypes from 'prop-types';
import { AwesomeButton } from '../../../src/index';

export default function Theme({ theme }) {
  return (
    <div>
      <div>
        <AwesomeButton
          bubbles
          size="medium"
          cssModule={theme}
        >
          Primary
        </AwesomeButton>
        <AwesomeButton
          bubbles
          size="medium"
          cssModule={theme}
          type="secondary"
        >
          Secondary
        </AwesomeButton>
        <AwesomeButton
          bubbles
          size="medium"
          cssModule={theme}
          disabled
        >
          Disabled
        </AwesomeButton>
        <AwesomeButton
          bubbles
          placeholder
          size="medium"
          cssModule={theme}
          disabled
        />
      </div>
    </div>
  );
}

Theme.propTypes = {
  theme: PropTypes.string.isRequired,
};