Questions tagged [nextui]
No guidelines have been provided for this tag at the moment.
"use client" import {Navbar, Button, Link, Text} from "@nextui-org/react"; import {styled} from "@nextui-org/react" const Box = styled("div", { boxSizing: "border-box", }); const AcmeLogo = () => ( ...
Currently, I am attempting to implement a spinner display while images are loading on a Next.js website. To achieve this, I am utilizing the NextUI UI library. My website features several cards, and my goal is to showcase a spinner during the image loadin ...
While working on my Next.js app, I decided to add the react-use package. However, this led to a sudden influx of errors in my Next.js project! https://i.stack.imgur.com/yiW2m.png After researching similar issues on Stackoverflow, some suggestions include ...
While working with a form using Formik, Yup, and NextUi v2 Inputs, an issue arises when typing in one of the inputs that triggers a warning in the console: A component is changing an uncontrolled input to be controlled. This warning is usually due to the ...
Seeking assistance with a React error as I am relatively new to the framework. While I have some basic knowledge of client and server side rendering, this particular issue has stumped me. Following this example: Use Case Example When creating a table, yo ...
I am currently utilizing Nextjs 14 with NextUi for the UI library. The app was set up using: npx create-next-app -e https://github.com/nextui-org/next-app-template However, despite my efforts to modify the fonts in font.ts, the displayed font remains unch ...
I'm having trouble changing the width of the nextui dropdown. I attempted to use classNames prop like this, but it doesn't seem to be working: ` <DropdownMenu classNames={{ base: "max-w-[100px]" }} disallowEmptySelection selectionMode="si ...
After setting up a fresh next.js project and integrating the CSS library nextui, I noticed that while the documentation mentions the ability to change the font family, it lacks a clear example or instructions on how to do so. Feeling stuck, I tried looking ...
When passing the API call result to another component, I encountered an issue with the NextUI component while assigning the value to the selectedKeys property. Subsequently, the following fields did not function properly. Error: Select: Keys "" passed to ...