Skip to content

feat: add orientation prop to PricingCard component and update layout…#539

Merged
isaquebock merged 1 commit intomainfrom
feat/horizontal-pricing-card
Apr 28, 2026
Merged

feat: add orientation prop to PricingCard component and update layout…#539
isaquebock merged 1 commit intomainfrom
feat/horizontal-pricing-card

Conversation

@gdsantana
Copy link
Copy Markdown
Contributor

Feature

Description

Este PR adiciona suporte à orientação horizontal no componente PricingCard por meio da nova prop orientation (vertical | horizontal), mantendo vertical como padrão para compatibilidade.

Também foram atualizadas as stories do Storybook para expor o novo controle e demonstrar os cenários horizontal com e sem botão.

How to test

  1. Execute pnpm storybook:dev na raiz do repositório.
  2. Acesse Core/PricingCard no Storybook.
  3. Valide o comportamento padrão com orientation: vertical.
  4. Troque para orientation: horizontal e confirme:
    • reorganização do layout em colunas no desktop;
    • manutenção da responsividade em telas menores;
    • alinhamento de preço, lista de features e CTA.
  5. Valide os estados Horizontal e HorizontalWithoutButton.

UI Changes (if applicable)

  • Novo layout horizontal para PricingCard quando orientation="horizontal".
  • Novas stories para facilitar validação visual:
    • Horizontal
    • HorizontalWithoutButton

Files changed

  • packages/webkit/src/components/pricing-card/pricing-card.vue
  • apps/storybook/src/stories/core/PricingCard.stories.js

@gdsantana gdsantana self-assigned this Apr 28, 2026
@gdsantana gdsantana requested a review from a team as a code owner April 28, 2026 13:17
@gdsantana gdsantana added the enhancement New feature or request label Apr 28, 2026
@isaquebock isaquebock merged commit 0e304e6 into main Apr 28, 2026
6 of 9 checks passed
@robsongajunior
Copy link
Copy Markdown
Collaborator

🎉 This PR is included in version 1.25.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request released

Development

Successfully merging this pull request may close these issues.

3 participants