Questions tagged [nextui]
32 questions
0
votes
2 answers
Next UI navbar menu won't close after selecting an item
The navbar menu component won't close when the option from the menu was selected.
The menu successfully opens and closes within the menu icon.
I tried to to use onPress() but it doesn't seem to help a lot
"use client"
...
export default function…
Ian2127
- 1
- 2
0
votes
0 answers
There was an issue using the next ui Navbar in next.js 13
"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 = () => (
0
votes
1 answer
A component is changing an uncontrolled input to be controlled, using Formik
i have this form using Formik, Yup and NextUi v2 Inputs and when i type in one of the imputs this warning comes out in the console
A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from…
Andrés Marino
- 7
- 3
0
votes
0 answers
Next UI grid items height is not balanced
This is my code
import { Grid, Radio } from '@nextui-org/react';
…
vimuth
- 5,064
- 33
- 79
- 116
0
votes
0 answers
Next.js NextUI Components Expanding on Page Load/Refresh
I'm new to using Next.js, and I'm experimenting with their updated "app directory". I'm not too familiar with the rendering and client/server components yet, but I understand when and where to declare components as client components. In NextUI,…
jimmyshoo
- 1
- 1
0
votes
1 answer
How to use multiple useInput in a component?
Introduction:
I'm new to web development, I come from mobile. I have two Textareas in a page to build a text article, which I need to reset after submit.
Problem:
import { useInput } from "@nextui-org/react"
const {
value: controlledValue,
…
MACROSystems
- 415
- 3
- 10
0
votes
1 answer
My React (not strict mode) function executes twice in swipe gesture
I have some kind of a swipe functionality on list items in my React application. The swipe functionality is working, but somehow the right swipe function gets executed twice. I am not using React StrictMode, so that isn't the problem.
Here is my…
Takkie253
- 156
- 8
0
votes
0 answers
Customize breakpoints in NextUI theme is not working
I created themes:
const light = createTheme({
type: 'light',
theme: {
breakpoints: {
md: '1080px',
},
},
})
const dark = createTheme({
type: 'dark',
theme: {
breakpoints: {
md: '1080px',
},
},
})
export {…
Denis Bookreev
- 11
- 2
0
votes
1 answer
Using fonts with Next.UI and react.js
I want to use some fonts, but I'm having difficulties to find information/documentation about how to import etc.
I am using a styled component library: Next.UI.
In my index.js I am creating a theme and I use it in my React application. That theme…
Takkie253
- 156
- 8
0
votes
0 answers
Provider is not wrapping the login and signup pages in NextJS 13 and NextUI
I'm trying to create a signup and login page using NextJS 13 and NextUI. The dark mode theme setting is applied to the HomePage but not to the login and signup pages. Also, I'm trying to fetch the signIn function from a custom useAuth() hook, but…
Lahfir
- 145
- 2
- 15
0
votes
4 answers
NextUi conflict with tailwind css
When I added NextUIProvider, it caused a conflict with Tailwind CSS, resulting in a disorganized appearance of the website's CSS. I attempted to resolve the issue by adding !important or prefix to Tailwind's configuration, but these solutions did…
Ibrahim Yahyaoui
- 31
- 5
0
votes
1 answer
Cannot using setState to set new page of Pagination Component in NextUI (ReactJS UI lib)
I have a state and Pagintion Component:
const [page, setPage] = useState(1);
----------------------------------------------------------------------------------------
LXT
- 726
- 1
- 7
- 18
0
votes
1 answer
Can not register Checkbox of NextUI to react-hook-form
I am coding a ReactJS project. I use react hook form to handle form submitting and NextUI (NU) as a UI library.
When I register a checkbox of NU like this:
0
votes
0 answers
Hosting a React website on Hostinger - error 403
I am trying to create a React website and get it hosted. I've built the website and it works fine on LocalHost:3000, however, problems arrise when I try to host it. I've used commands such as npm run build as well as yarn run build (hoping that it…
0
votes
1 answer
Nextui-org Card is set to isPressable but I can't add an href to the Card Component
I have this repo here https://github.com/ChristianOConnor/custom-bp-one. It's basically the npx create-next-app@latest --ts boilerplate but I'm experimenting with nextui-org components. I tried to add href=https://github.com/nextui-org/nextui in a…
ChristianOConnor
- 820
- 7
- 29