-
Notifications
You must be signed in to change notification settings - Fork 50
Add Admin Modal docs and improve preview size #3281
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
Conversation
67b8d6b
to
f4585b2
Compare
384f59e
to
b24c648
Compare
f4585b2
to
d34631e
Compare
d34631e
to
b31d58c
Compare
b31d58c
to
2020923
Compare
packages/ui-extensions/src/surfaces/admin/components/Modal/Modal.doc.ts
Outdated
Show resolved
Hide resolved
packages/ui-extensions/src/surfaces/admin/components/Modal/examples/default.html
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is looking good to me. We need to fix some other things in docs to day so hold off on shipping this until it's in the cdn then we can prioritize getting this into docs
bc11b79
to
52c6e79
Compare
52c6e79
to
0c837c1
Compare
packages/ui-extensions/src/surfaces/admin/components/StandardComponents.ts
Outdated
Show resolved
Hide resolved
{ | ||
code: './examples/default.html', | ||
language: 'preview', | ||
customStyles: 'min-height: 300px;', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How do you pass in multiple styles here? Should this be an array?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It is just a string. Inline styles like you'd add to a style attribute (e.g. style="color: red; background: blue;"
)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I've refined this to support a CSS Style Object. Types included
0c837c1
to
36b1459
Compare
packages/ui-extensions/src/surfaces/admin/components/Modal/Modal.ab.doc.ts
Show resolved
Hide resolved
36b1459
to
fb4afe6
Compare
fb4afe6
to
f5aceb0
Compare
Modal docs
Custom preview sizes
Screen.Recording.2025-09-15.at.4.54.02.PM.mov