DemocracyLab / DemocracyLab/CivicTechExchange
VAR Submit Button Component
- Dominant language
- JavaScript
- Stars
- 105
- Forks
- 71
- PR merge metrics
- No merged PRs in 30d
Description
### VAR Submit Button
**Figma**: [VAR Submit Button](https://www.figma.com/design/WADcmVjJh5ARVoZ09xlpfdFN/DemocracyLab?node-id=39340-85026&t=KPcLW0nctl77aaFZ-4)
### 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
```
```
**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
Contributor guide
Assessment
This issue has not been assessed yet.