Skip to content

feat: Add Placeholder recipe with hatch pattern and docs#176

Merged
alexgrozav merged 7 commits intomainfrom
alexgrozav/add-placeholder-recipe
Apr 8, 2026
Merged

feat: Add Placeholder recipe with hatch pattern and docs#176
alexgrozav merged 7 commits intomainfrom
alexgrozav/add-placeholder-recipe

Conversation

@alexgrozav
Copy link
Copy Markdown
Contributor

Summary

  • Adds a new usePlaceholderRecipe composable — a base-only recipe (no variants) that renders a dashed-border container with a CSS repeating-linear-gradient hatch background pattern and automatic dark mode support.
  • Adds documentation page for the Placeholder recipe following existing doc conventions (overview, usage, API reference, FAQ).
  • Adds Storybook component, story, and styleframe registration for the Placeholder.
  • Adds a /write-docs Claude skill for generating convention-matching documentation pages.

Test plan

  • Unit tests pass for usePlaceholderRecipe (metadata, base styles, dark mode, config overrides)
  • Verify Storybook renders the Placeholder correctly (pnpm storybook)
  • Verify docs page renders at /docs/components/composables/placeholder

…older-recipe

# Conflicts:
#	theme/src/recipes/index.ts
…tern

Remove size variants and SVG crosshatch pattern in favor of a single
base-only recipe with a CSS repeating-linear-gradient hatch background.
Simplifies the component, stories, and tests accordingly.
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
app-styleframe-dev-production Ready Ready Preview, Comment Apr 8, 2026 1:44pm
styleframe-dev-production Ready Ready Preview, Comment Apr 8, 2026 1:44pm
styleframe-storybook Ready Ready Preview, Comment Apr 8, 2026 1:44pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 8, 2026

🦋 Changeset detected

Latest commit: 17245eb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@styleframe/theme Minor
styleframe Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@codecov
Copy link
Copy Markdown

codecov bot commented Apr 8, 2026

Codecov Report

❌ Patch coverage is 91.66667% with 2 lines in your changes missing coverage. Please review.

Files with missing lines Patch % Lines
theme/src/recipes/index.ts 0.00% 1 Missing ⚠️
theme/src/recipes/placeholder/index.ts 0.00% 0 Missing and 1 partial ⚠️

📢 Thoughts on this report? Let us know!

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