Skip to content

Add ComposingCard component with Storybook documentation#2149

Merged
rSnapkoOpenOps merged 4 commits intomainfrom
feat/add-campaign-card-wrapper-component
Mar 19, 2026
Merged

Add ComposingCard component with Storybook documentation#2149
rSnapkoOpenOps merged 4 commits intomainfrom
feat/add-campaign-card-wrapper-component

Conversation

@rSnapkoOpenOps
Copy link
Collaborator

Fixes OPS-3926

@linear
Copy link

linear bot commented Mar 18, 2026

Copy link
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

Adds a new ComposingCard UI primitive to the ui-components package and documents it via Storybook, making it available to consumers through the package barrel export.

Changes:

  • Introduce ComposingCard component (forwardRef wrapper) with optional transparent background.
  • Add Storybook stories/autodocs for ComposingCard (Default + Transparent).
  • Export ComposingCard from packages/ui-components/src/index.ts.

Reviewed changes

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

File Description
packages/ui-components/src/ui/composing-card.tsx Adds the new ComposingCard component implementation.
packages/ui-components/src/stories/composing-card.stories.tsx Adds Storybook documentation and example states for ComposingCard.
packages/ui-components/src/index.ts Re-exports ComposingCard from the package entrypoint.

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

You can also share your feedback on Copilot code review. Take the survey.

@rSnapkoOpenOps rSnapkoOpenOps marked this pull request as ready for review March 19, 2026 07:42
@rSnapkoOpenOps rSnapkoOpenOps requested a review from cezudas March 19, 2026 07:46
({ className, transparent = false, children, ...props }, ref) => (
<div
ref={ref}
className={cn(
Copy link
Contributor

Choose a reason for hiding this comment

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

with cn you can do this, and not use the ternary

className={cn(
  'w-full rounded-2xl border',
  {
    'bg-transparent': transparent,
    'bg-neutral-50 dark:bg-background': !transparent,
  },
  className,
)}

@sonarqubecloud
Copy link

@rSnapkoOpenOps rSnapkoOpenOps merged commit 9b9d573 into main Mar 19, 2026
25 checks passed
@rSnapkoOpenOps rSnapkoOpenOps deleted the feat/add-campaign-card-wrapper-component branch March 19, 2026 13:40
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.

4 participants