Skip to content

Add new Action Button component#35

Merged
getamas merged 3 commits into
masterfrom
monthly-recurring-impact-generation-fe-v-1-11349414657
Mar 9, 2026
Merged

Add new Action Button component#35
getamas merged 3 commits into
masterfrom
monthly-recurring-impact-generation-fe-v-1-11349414657

Conversation

@getamas
Copy link
Copy Markdown
Collaborator

@getamas getamas commented Mar 9, 2026

Description

Add new GsActionButton component and stories to the library.
Screenshot 2026-03-09 at 11 14 27

Implementation choices:

Link to task/bug:

https://greenspark-force.monday.com/boards/3658967791/views/83096355/pulses/11349414657

@getamas getamas requested review from Copilot and donatPeter March 9, 2026 12:31
@getamas getamas self-assigned this Mar 9, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 9, 2026

Deploy Preview for gs-components ready!

Name Link
🔨 Latest commit 0f6f4f0
🔍 Latest deploy log https://app.netlify.com/projects/gs-components/deploys/69aec044d061d50008bcbcc8
😎 Deploy Preview https://deploy-preview-35--gs-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds a new GsActionButton component — a dropdown action button that reveals a styled menu of items when clicked. It fits the component library alongside similar UI building blocks like GsButton, GsActionCard, and GsTabs. The Category type in GsFilter is also promoted to an exported interface as a side-change, likely for consistent API exposure.

Changes:

  • Introduces GsActionButton.vue, a dropdown menu button with icon, title, and description per item, plus optional router navigation via to prop on items.
  • Adds ActionButton.stories.ts with Storybook stories covering default, custom label, single/many items, full-width, custom width, and disabled variants.
  • Exports GsActionButton and its ActionButtonItem type from src/index.ts, and makes the Category interface in GsFilter.vue publicly exported.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 5 comments.

File Description
src/components/GsActionButton.vue New dropdown action button component with menu items, router navigation support, and scoped/global SCSS styles
src/stories/ActionButton.stories.ts Storybook stories showcasing all key variants of the new component
src/index.ts Registers and exports GsActionButton and its ActionButtonItem type for library consumers
src/components/GsFilter.vue Changes the local Category type alias to an exported interface

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/GsActionButton.vue
Comment thread src/components/GsActionButton.vue Outdated
Comment thread src/stories/ActionButton.stories.ts Outdated
Comment thread src/components/GsActionButton.vue Outdated
Comment thread src/components/GsActionButton.vue
@getamas getamas merged commit 160abf2 into master Mar 9, 2026
8 checks passed
@getamas getamas deleted the monthly-recurring-impact-generation-fe-v-1-11349414657 branch March 9, 2026 13:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants