chakra-ui-docs icon indicating copy to clipboard operation
chakra-ui-docs copied to clipboard

Create CodeSandbox examples for Responsive Variants / Sizes

Open nikolovlazar opened this issue 3 years ago • 3 comments
trafficstars

Description

Create CodeSandbox examples for Responsive Variants / Sizes, plus add some use cases for them.

@aacevski can also make a couple of Chakra UI Shorts videos using those examples.

nikolovlazar avatar May 27 '22 05:05 nikolovlazar

Hey, as I wrote documentation for this feature I tried a few things out and created also a kind of a playground/template. As I am not that creative for finding good use cases I can at least provide my sandboxes:

  • template: https://codesandbox.io/s/responsive-variants-playground-66hhkc
  • sizes vs responsive variants vs overwrite in the component (possibly all cases for a single part component in one file, kind of a mess :D) https://codesandbox.io/s/responsive-variants-playground-forked-y43472

m4x3d avatar May 28 '22 16:05 m4x3d

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.

stale[bot] avatar Jul 10 '22 12:07 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.

stale[bot] avatar Aug 13 '22 07:08 stale[bot]