Add theme-tools to documentation

Subject

Switch

Description

We have noticed that there is a need to use the cssVar export from @chakra/theme-tools to properly style the Switch component size. This is not a part of the official framework documentation for component style.

If using cssVar for styling Chakra components is a public part of the theme framework and not an implementation detail, it should be documented in CSS variables and in the components that require its usage.

Discord conversation Codesandbox example

Thank you for your consideration!

[segunadebayo]

@nikolovlazar The theme tools can be used publicly. We mentioned it in the docs somewhere (I think breakpoints).

So yes, @ryanirilli is right. We should document the public API in theme tools so others can learn about it.

Some ideas to consider:

• Perhaps a dedicated theme tools page might help document all the tools available to our users.
• Add cssVar docs to the CSS variable page
• Create an anamtomy page to document the anatomy

[stale[bot]]

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.