Skip to content

Adds uui-box examples #46

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.

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

Merged
merged 2 commits into from
Oct 13, 2024
Merged

Adds uui-box examples #46

merged 2 commits into from
Oct 13, 2024

Conversation

krebil
Copy link
Contributor

@krebil krebil commented Oct 10, 2024

I've tried my hand at implementing #32

As umb-box is not a thing anymore I've added examples for uui-box instead. I'm not sure if there is enough descriptive text or not.

Let me know about any adjustments you would like me to make.

fixes #32

Copy link
Contributor

@Rockerby Rockerby left a comment

Choose a reason for hiding this comment

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

Hey there @krebil ! Thanks for your contribution to the package 🙌

Great work on this, I think the new page showcases the UUI Box component well. I've added a few comments for you to take a look over before we get this merged in.

<umb-code-block language="HTML">${this.renderHeaderSlotCodeExample()}</umb-code-block>
<p>
The header slot is optional and is used to display additional content in the header of the box.
</p>
Copy link
Contributor

Choose a reason for hiding this comment

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

The header slot can also be added via the header attribute (like headline). Can we add an example of it here too please?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Actually the only properties on uui-box is headline and headline variant, at least according to the storybook https://uui.umbraco.com/?path=/docs/uui-box--docs

Copy link
Contributor

Choose a reason for hiding this comment

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

Very correct! Apologies, I was convinced that was an attribute tag as well 😊

@krebil krebil requested a review from Rockerby October 12, 2024 06:28
@krebil
Copy link
Contributor Author

krebil commented Oct 12, 2024

@Rockerby I've updated the text and corrected typos based on your comments. I haven't been able to find any documentation on uui-box with a header property and I can't get it to work when i try myself either. So I haven't added an example for that just yet.

@Rockerby Rockerby merged commit fb6b70e into umbraco:develop Oct 13, 2024
@Rockerby
Copy link
Contributor

Thanks @krebil . That looks spot on, changes checked and merged #h5yr!

@umbrabot
Copy link

umbrabot commented Dec 4, 2024

Hi there @krebil!

First of all: A big #H5YR for making an Umbraco related contribution during Hacktoberfest! We are very thankful for the huge amount of PRs submitted, and all the amazing work you've been doing 🥇

Due to the amazing work you and others in the community have been doing, we've had a bit of a hard time keeping up. 😅 While all of the PRs for Hacktoberfest might not have been merged yet, you still qualify for receiving some Umbraco swag, congratulations! 🎉

In the spirit of Hacktoberfest we've prepared some exclusive Umbraco swag for all our contributors - including you!
This year's swag is a custom designed notebook and custom Umbraco Hacktoberfest sticker:

image

As an alternative choice, you can opt-out of receiving anything and ask us to help improve the planet instead by planting a tree on your behalf. 🌳

Receive your swag or plant a tree! 👈 Please follow this link to fill out and submit the form, before December 25nd, 2024, 23:59:00 UTC.

Following this date we'll be sending out all the swag, but please note that it might not reach your doorstep for a few weeks/months, so please bear with us and be patient 🙏

The only thing left to say is thank you so much for participating in Hacktoberfest! We really appreciate the help!

Kind regards,
The various Umbraco teams.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement the UmbBox section view
3 participants