chakraAlertDialog | Alert dialog widget |
chakraAlertDialogOptions | Alert dialog options |
chakraCheckboxWithChildren | Checkbox with child checkboxes |
chakraColorSchemes | Chakra color schemes |
chakraCombinedSlider | Combined slider and number input |
chakraComponent | Chakra component |
chakraDrawer | Drawer widget |
chakraDrawerOptions | Drawer options |
chakraExample | Run a Chakra example |
chakraExamples | Chakra examples |
chakraIcons | Chakra icons |
chakraModal | Modal widget |
chakraModalOptions | Modal options |
chakraPage | Chakra page |
chakraPinInput | Pin input |
chakraRangeSlider | Chakra range slider |
chakraSlider | Chakra slider |
createStandaloneToast | The 'createStandaloneToast' hook |
getHookProperty | Get hook property |
getState | Get React state |
ionIcons | Ionicons |
jseval | Evaluate JS code |
jsx | JSX element |
jsxString2code | JSX string to React component code |
numberInputOptions | Options for the number input of the combined Chakra slider |
setReactState | Set a React state |
sliderMarkOptions | Slider mark options. |
sliderThumbOptions | Slider thumb options |
sliderTooltipOptions | Slider tooltip options |
superTinyIcons | Super tiny icons |
Tag | React component builder |
useClipboard | The 'useClipboard' hook |
useDisclosure | The 'useDisclosure' hook |
useRef | The 'useRef' hook |
useToast | The 'useToast' hook |
withStates | Chakra component with states or hooks |
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.