VAR Submit Button Component

[mcatcruz]

VAR Submit Button

Figma: VAR Submit Button

Location

Component File:

common/components/componentsBySection/VolunteerActivityReporting/VARSubmitButton.jsx

Storybook File:

common/components/componentsBySection/VolunteerActivityReporting/stories/VARSubmitButton.stories.jsx

Styles File:

civictechprojects/static/css/partials/_VARSubmitButton.scss

<VARSubmitButton
   isClicked={hasSubmitted}
   onClick={handleSubmit}
/>

Props
isClicked (boolean): If true, will render gray button with bold Submit text. If false, renders orange button with regular Submit text.
onClick (function): Callback function that is triggered when Submit button is clicked. Used by the parent component to handle submit logic.

Test cases in Storybook

• Default State (isClicked={false}): Renders orange button and regular text
• Clicked State (isClicked={true}): Renders gray button and bold text