chakra-ui-vue-next
chakra-ui-vue-next copied to clipboard
chakra-ui
⚡️ The next most epic version of Chakra UI Vue based on Vue 3 🚀(WIP)
Component set used to provide placeholder loading state of some component. This is an alternative to some text, loading bar, spinner, etc. where the component itself is presented as a...
useClickable implements all the interactions of a native `button` component with support for making it focusable even if it is disabled. It can be used with both native button elements...
Retrieves the user's color mode preference. See React package [useColorModePreference](https://github.com/chakra-ui/chakra-ui/blob/b06b3cca679cc7083826b8629add6db6b8218928/packages/components/media-query/src/media-query.hook.ts#L21) ## 🚨Important Depends on `useMediaQuery` for the check (See Issue #182). Consider this or an alternative.
Component used to group the increment and decrement button spinners See React Package [NumberInput](https://github.com/chakra-ui/chakra-ui/tree/main/packages/components/number-input/src)
Multi-component used for inline renaming of some text. It appears as normal UI text but transforms into a text input field when the user clicks or focuses on it. See...
Retrieves the user's animation preference. See React package [usePrefersReducedMotion](https://github.com/chakra-ui/chakra-ui/blob/b06b3cca679cc7083826b8629add6db6b8218928/packages/components/media-query/src/media-query.hook.ts#L8) ## 🚨Important Depends on `useMediaQuery` for the check. Consider this or an alternative.
Mimics a checkbox or radio to allow for custom styling. See React Package [ControlBox](https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/control-box/src/control-box.tsx)
### Describe the bug When trying to use `@chakra-ui/nuxt-next` with Nuxt 3.12.3, I encounter the following error after adding @chakra-ui/nuxt-next to the modules in my nuxt.config.ts `ERROR Error while requiring...
