Skip to content

Wdfn 883 - Create reusable Vue component for Hide/Show button

Bucknell, Mary S. requested to merge mbucknell/waterdataui:wdfn-883 into main

Before making a pull request

  • Put the appropriate EXEMPT flag if needed in the MR label (see
  • Run all linters (make lint)
  • Run all tests (make test)
  • Update the changelog appropriately
  • If making a release, update code.json metadataLastUpdated and bump to next version.


Added a reusable component, ExpansionSection, which contains a slot for the section content and a configurable toggle element. The component when expanded will show the content above the toggle. The toggle is rendered with a button styled without an outline with a user configurable label and the appropriate expand_more/expand_less icon.

Screen_Shot_2022-12-12_at_7.53.45_AM Screen_Shot_2022-12-12_at_7.54.20_AM

After making a pull request

  • If appropriate, put the link to the PR in the JIRA ticket
  • Assign someone to review unless the change is trivial
  • Check the accessibility CI step and fix or explain any issues.

Merge request reports