Add BareButton

client/coral-ui/components/BareButton.css

@@ -0,0 +1,3 @@
+.bare {
+  composes: buttonReset from "coral-framework/styles/reset.css";
+}

client/coral-ui/components/BareButton.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import styles from './BareButton.css';
+import cn from 'classnames';
+
+/**
+ *  BareButton is a button whose styling is stripped off to a minimum.
+ *  Can pass anchor=true to use `a` instead of `button`
+ */
+const BareButton = ({ anchor, className, ...props }) => {
+  let Element = 'button';
+  if (anchor) {
+    Element = 'a';
+  }
+  return <Element {...props} className={cn(styles.bare, className)} />;
+};
+
+BareButton.propTypes = {
+  className: PropTypes.string,
+  anchor: PropTypes.bool,
+};
+
+export default BareButton;