Skip to content

Card components#142

Merged
corbanbrook merged 3 commits intov4from
card-compound-components
Mar 27, 2026
Merged

Card components#142
corbanbrook merged 3 commits intov4from
card-compound-components

Conversation

@corbanbrook
Copy link
Copy Markdown
Collaborator

@corbanbrook corbanbrook commented Mar 25, 2026

Adding remaining card primitive components like CardTitle, CardDescription, CardFooter, etc

Adds CardHeader, CardTitle, CardDescription, CardAction, CardContent, and CardFooter sub-components. Updates stories and exports.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@corbanbrook corbanbrook changed the title v4.0.0-alpha: Migrate to base-ui, add Card compound components Card components Mar 25, 2026
Collapsible no longer accepts a label prop directly — use Collapsible.Helper instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@corbanbrook corbanbrook changed the base branch from master to v4 March 25, 2026 21:51
}

export const CardHeader = ({ ref, className, ...props }: ComponentProps<'div'>) => (
<div
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

data-slot is missing on this component and others

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Added data-slot attributes to all Card compound components: card, card-header, card-title, card-description, card-action, card-content, and card-footer. Fixed in 401f5de.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@corbanbrook corbanbrook merged commit dd7a683 into v4 Mar 27, 2026
1 check passed
@corbanbrook corbanbrook deleted the card-compound-components branch March 27, 2026 23:02
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.

1 participant