Introduces the BlogPostCard component to the library, designed specifically for showcasing blog posts.
Component Addition: Adds the BlogPostCard component with props for href, thumbnail, title, excerpt, author, and date, enabling users to display blog post previews effectively.
Styling: Includes styles.module.scss for the BlogPostCard, ensuring a visually appealing layout that is consistent with the design language of the library.
Documentation and Examples: Updates README.md to document the BlogPostCard component, providing a usage example and describing its props for easy integration by users.
Export Update: Modifies src/index.tsx to export the BlogPostCard, making it available for import and use in projects.
Storybook Stories: Adds Storybook stories for the BlogPostCard in src/stories/BlogPostCard.stories.tsx, showcasing the default usage and a variant with a custom thumbnail, aiding in visual testing and documentation.
Testing: Implements snapshot tests in src/__tests__/BlogPostCard.test.tsx to ensure the component's render output remains consistent over time.
Introduces the
BlogPostCard
component to the library, designed specifically for showcasing blog posts.BlogPostCard
component with props forhref
,thumbnail
,title
,excerpt
,author
, anddate
, enabling users to display blog post previews effectively.styles.module.scss
for theBlogPostCard
, ensuring a visually appealing layout that is consistent with the design language of the library.README.md
to document theBlogPostCard
component, providing a usage example and describing its props for easy integration by users.src/index.tsx
to export theBlogPostCard
, making it available for import and use in projects.BlogPostCard
insrc/stories/BlogPostCard.stories.tsx
, showcasing the default usage and a variant with a custom thumbnail, aiding in visual testing and documentation.src/__tests__/BlogPostCard.test.tsx
to ensure the component's render output remains consistent over time.For more details, open the Copilot Workspace session.