-
Notifications
You must be signed in to change notification settings - Fork 197
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
feat(storybook): custom properties panel #3166
base: s2-foundations-redux
Are you sure you want to change the base?
feat(storybook): custom properties panel #3166
Conversation
🦋 Changeset detectedLatest commit: 528f0c5 The changes in this PR will be included in the next version bump. This PR includes no changesetsWhen changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types 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 |
2ed616c
to
e1f7a95
Compare
🚀 Deployed on https://pr-3166--spectrum-css.netlify.app |
e1f7a95
to
27b6165
Compare
File metricsSummaryTotal size: 3.14 MB* Table reports on changes to a package's main file. Other changes can be found in the collapsed Details section below.
Detailsaccordion
actionbar
actionbutton
actiongroup
alertbanner
alertdialog
asset
assetcard
assetlist
avatar
badge
breadcrumb
button
buttongroup
calendar
card
checkbox
clearbutton
closebutton
coachindicator
coachmark
colorarea
colorhandle
colorloupe
colorslider
colorwheel
combobox
contextualhelp
datepicker
dial
dialog
divider
dropindicator
dropzone
fieldgroup
fieldlabel
floatingactionbutton
form
helptext
icon
illustratedmessage
infieldbutton
inlinealert
link
logicbutton
menu
meter
miller
modal
opacitycheckerboard
pagination
picker
pickerbutton
popover
progressbar
progresscircle
radio
rating
search
sidenav
slider
splitview
statuslight
steplist
stepper
swatch
swatchgroup
switch
table
tabs
tag
taggroup
textfield
thumbnail
toast
tooltip
tray
treeview
typography
underlay
well
tokens
page
* Results are not gzipped or minified. * An ASCII character in UTF-8 is 8 bits or 1 byte. |
754b512
to
59656d1
Compare
59656d1
to
4c2f600
Compare
4c2f600
to
d497927
Compare
d497927
to
82d2f9e
Compare
eb20c09
to
3d14fcc
Compare
e66a6ff
to
df9d5cc
Compare
2eebf01
to
711d4cd
Compare
df9d5cc
to
ff03881
Compare
b77c8b2
to
d020047
Compare
6305b99
to
d4c3069
Compare
Description
Adds a new custom properties panel to the development preview pages for each component that surfaces the modifiable custom properties as sourced from the metadata/metadata.json file (note that this is not a live updated list because metadata.json is not generated by storybook).
This panel allows a visitor to put in their own values and see how it impacts the styling of the component in the view panel.
How and where has this been tested?
Please tag yourself on the tests you've marked complete to confirm the tests have been run by someone other than the author.
Validation steps
--mod-accordion-background-color-default
entry; expect to see the background color of the accordion to update live.To-do list