From 51fb4610f0179980a7d7538619f58536843e5a2b Mon Sep 17 00:00:00 2001 From: Mark Casias Date: Thu, 27 Sep 2018 12:08:36 -0600 Subject: [PATCH] DP-10502: Adding ButtonFixedFeedback component (#274) * DP-10502: Adding ButtonFixedFeedback component * DP-10502: changelog --- changelogs/DP-10502.text | 4 +++ ...nFixedFeedback_0_document_0_small_atom.png | Bin 0 -> 4086 bytes .../ButtonFixedFeedback.stories.js | 19 ++++++++++++++ .../buttons/ButtonFixedFeedback/index.js | 24 ++++++++++++++++++ .../buttons/ButtonFixedFeedback/style.scss | 3 +++ react/src/index.js | 1 + 6 files changed, 51 insertions(+) create mode 100644 changelogs/DP-10502.text create mode 100644 react/backstop/data/bitmaps_reference/vrt_atoms_buttons_ButtonFixedFeedback_0_document_0_small_atom.png create mode 100644 react/src/components/atoms/buttons/ButtonFixedFeedback/ButtonFixedFeedback.stories.js create mode 100644 react/src/components/atoms/buttons/ButtonFixedFeedback/index.js create mode 100644 react/src/components/atoms/buttons/ButtonFixedFeedback/style.scss diff --git a/changelogs/DP-10502.text b/changelogs/DP-10502.text new file mode 100644 index 0000000000..2a242625e0 --- /dev/null +++ b/changelogs/DP-10502.text @@ -0,0 +1,4 @@ +___DESCRIPTION___ +Added +Minor +- (React) DP-10502: Adds ButtonFixedFeedback component. diff --git a/react/backstop/data/bitmaps_reference/vrt_atoms_buttons_ButtonFixedFeedback_0_document_0_small_atom.png b/react/backstop/data/bitmaps_reference/vrt_atoms_buttons_ButtonFixedFeedback_0_document_0_small_atom.png new file mode 100644 index 0000000000000000000000000000000000000000..543a319f46ff8346d6e0cdb27de213bddb8b6c80 GIT binary patch literal 4086 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 fixed position feedback button`)(() => { + const props = { + href: text('ButtonFixedFeedbackOptions.href', '#'), + text: text('ButtonFixedFeedbackOptions.text', 'Feedback') + }; + return( + + ); + })); diff --git a/react/src/components/atoms/buttons/ButtonFixedFeedback/index.js b/react/src/components/atoms/buttons/ButtonFixedFeedback/index.js new file mode 100644 index 0000000000..ba5d3735bf --- /dev/null +++ b/react/src/components/atoms/buttons/ButtonFixedFeedback/index.js @@ -0,0 +1,24 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +import './style.css'; + +const ButtonFixedFeedback = (props) => ( + +); + +ButtonFixedFeedback.propTypes = { + href: PropTypes.string, + text: PropTypes.string +} + +ButtonFixedFeedback.defaultProps = { + href: '#', + text: 'Feedback', +} + +export default ButtonFixedFeedback; diff --git a/react/src/components/atoms/buttons/ButtonFixedFeedback/style.scss b/react/src/components/atoms/buttons/ButtonFixedFeedback/style.scss new file mode 100644 index 0000000000..fbe134b91d --- /dev/null +++ b/react/src/components/atoms/buttons/ButtonFixedFeedback/style.scss @@ -0,0 +1,3 @@ +@import 'global'; +@import '00-base/z-index'; +@import "01-atoms/fixed-feedback-button"; diff --git a/react/src/index.js b/react/src/index.js index f716fe7a9b..75c5ef5b7d 100644 --- a/react/src/index.js +++ b/react/src/index.js @@ -13,6 +13,7 @@ export Button from './components/atoms/buttons/Button'; export ButtonSort from './components/atoms/buttons/ButtonSort'; export ButtonToggle from './components/atoms/buttons/ButtonToggle'; export ButtonWithIcon from './components/atoms/buttons/ButtonWithIcon'; +export ButtonFixedFeedback from './components/atoms/buttons/ButtonFixedFeedback'; // @atoms/@forms export HelperText from './components/atoms/forms/HelperText'; export ErrorMessage from './components/atoms/forms/ErrorMessage';