• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

147
Views
chakra ui - el estilo no se aplica

Lo que espero: ingrese la descripción de la imagen aquí

Lo que realmente muestra: ingrese la descripción de la imagen aquí

El tamaño no es el mismo que mis expectativas.

Aplicación.js

 import "./styles.css"; import { HStack, PinInput, PinInputField } from "@chakra-ui/react"; export default function App() { return ( <div className="App"> <HStack> <PinInput type="alphanumeric"> <PinInputField /> <PinInputField /> <PinInputField /> <PinInputField /> </PinInput> </HStack> </div> ); }

Códigosycaja:
https://codesandbox.io/s/romantic-snowflake-km87e?file=/src/App.js

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Parece que ha olvidado la configuración del proveedor. Asegúrese de leer la configuración en la documentación .

Debería tener el siguiente código alrededor del componente de la aplicación, que lo ayudará a solucionar el problema.

 import { ChakraProvider } from '@chakra-ui/react' <ChakraProvider> <App /> </ChakraProvider>
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error