feat(tools): knobs

[bennypowers]

What I did

1. add elements to tools
2. add pft-element-knobs
3. add knobs demos to dev server

Testing Instructions

1. run the dev server
2. http://localhost:8000/
3. click on knobs

Notes to Reviewers

[changeset-bot]

⚠️ No Changeset found

Latest commit: 1d886fa

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[netlify]

✅ Deploy Preview for patternfly-elements ready!

Name	Link
🔨 Latest commit	96622b4
😎 Deploy Preview	https://deploy-preview-2781--patternfly-elements.netlify.app/

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

SSR Test Run for ad7b36d: Report

[github-actions]

SSR Test Run for 80c0e66: Report

[github-actions]

SSR Test Run for f6d3db3: Report

[zeroedin]

@bennypowers this is great! Thinking about picking up pf-drawer to support this. My thinking is maybe the knobs could be out of the way on initial load then toggleable via a drawer. Thoughts?

[bennypowers]

There can be quite a lot of content, more than a side drawer

See text-input for example

Maybe a bottom panel

[zeroedin]

Maybe a bottom panel

Yeah I also noted the resizable drawer too which might be nice on certain viewport sizes.

[github-actions]

SSR Test Run for e181d72: Report

[github-actions]

✅ Commitlint tests passed!

More Info

{
  "valid": true,
  "errors": [],
  "warnings": [],
  "input": "feat(tools): knobs"
}

[netlify]

✅ Deploy Preview for patternfly-elements ready!

Name	Link
🔨 Latest commit	1d886fa
🔍 Latest deploy log	https://app.netlify.com/projects/patternfly-elements/deploys/682973ae295ac3000846790c
😎 Deploy Preview	https://deploy-preview-2781--patternfly-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

SSR Test Run for 96622b4: Report