DemocracyLab / DemocracyLab/CivicTechExchange

VAR Submit Button Component

Open
#1,134 0 comments 0 reactions 0 assignees View on GitHub
Front End
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

Image

```

```

**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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.