Skip to content

[Docs Site] Add Width component #21415

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 4 commits into from
Apr 7, 2025
Merged

[Docs Site] Add Width component #21415

merged 4 commits into from
Apr 7, 2025

Conversation

@KianNH
Copy link
Member

@KianNH KianNH commented Apr 4, 2025

Summary

Add Width component.

@hyperlint-ai
Copy link
Contributor

hyperlint-ai bot commented Apr 4, 2025

Howdy and thanks for contributing to our repo. The Cloudflare team reviews new, external PRs within two (2) weeks. If it's been two weeks or longer without any movement, please tag the PR Assignees in a comment.

We review internal PRs within 1 week. If it's something urgent or has been sitting without a comment, start a thread in the Developer Docs space internally.

PR Change Summary

Added a new Width component to the documentation site to help constrain content width.

  • Introduced the Width component for controlling content width
  • Provided usage examples for different width sizes
  • Documented the required props for the Width component

Added Files

  • src/content/docs/style-guide/components/width.mdx
How can I customize these reviews?

Check out the Hyperlint AI Reviewer docs for more information on how to customize the review.

If you just want to ignore it on this PR, you can add the hyperlint-ignore label to the PR. Future changes won't trigger a Hyperlint review.

Note specifically for link checks, we only check the first 30 links in a file and we cache the results for several hours (for instance, if you just added a page, you might experience this). Our recommendation is to add hyperlint-ignore to the PR to ignore the link check for this PR.

@github-actions github-actions bot added the size/s label Apr 4, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Apr 4, 2025 •
edited
Loading

Preview URL: https://3c3eaa37.preview.developers.cloudflare.com
Preview Branch URL: https://kian-pcx-12766.preview.developers.cloudflare.com

Files with changes (up to 15)

Original Link Updated Link
https://developers.cloudflare.com/style-guide/components/width/ https://kian-pcx-12766.preview.developers.cloudflare.com/style-guide/components/width/

@KianNH KianNH merged commit 4b97881 into production Apr 7, 2025
11 checks passed
@KianNH KianNH deleted the kian/PCX-12766 branch April 7, 2025 09:09
RebeccaTamachiro pushed a commit that referenced this pull request Apr 21, 2025
@KianNH @RebeccaTamachiro
[Docs Site] Add Width component (#21415)
d4d4161 
* [Docs Site] Add Width component

* use zod

* add centering

* add centering example
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@kodster28 kodster28 kodster28 approved these changes

@dcpena dcpena Awaiting requested review from dcpena dcpena is a code owner

@kristianfreeman kristianfreeman Awaiting requested review from kristianfreeman

@pedrosousa pedrosousa Awaiting requested review from pedrosousa

@haleycode haleycode Awaiting requested review from haleycode

@GregBrimble GregBrimble Awaiting requested review from GregBrimble

@WalshyDev WalshyDev Awaiting requested review from WalshyDev

Assignees

@pedrosousa pedrosousa

@kristianfreeman kristianfreeman

@GregBrimble GregBrimble

@WalshyDev WalshyDev

@kodster28 kodster28

@dcpena dcpena

@haleycode haleycode

Labels

product:style-guide size/s

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

8 participants

@KianNH @kodster28 @pedrosousa @kristianfreeman @GregBrimble @WalshyDev @dcpena @haleycode