docs(www): add block preview image

This commit is contained in:
shadcn
2025-01-15 15:14:12 +04:00
parent 5ec990a474
commit d5aa527f0b
3 changed files with 15 additions and 0 deletions

View File

@@ -153,6 +153,21 @@ pnpm registry:build
Once the build script is finished, you can view your block at `http://localhost:3333/blocks/[CATEGORY]` or a full screen preview at `http://localhost:3333/view/styles/new-york/dashboard-01`.
<Image
src="/images/block-preview-light.png"
width="1432"
height="960"
alt="Block preview"
className="border dark:hidden shadow-sm rounded-lg overflow-hidden mt-6 w-full"
/>
<Image
src="/images/block-preview-dark.png"
width="1432"
height="960"
alt="Block preview"
className="border hidden dark:block shadow-sm rounded-lg overflow-hidden mt-6 w-full"
/>
### Build your block
You can now build your block by editing the files in the block folder and viewing the changes in the browser.

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB