0
173
Vistaschakra ui - the style does not apply
What I expect:
What actually shows:
The size is not the same as my expectation.
App.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>
);
}
Codesandbox:
https://codesandbox.io/s/romantic-snowflake-km87e?file=/src/App.js
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
It seems that you have forgotten the provider setup. Please make sure to read the setup in the documentation.
You should have the following code surrouding the App component, helping you fix the problem.
import { ChakraProvider } from '@chakra-ui/react'
<ChakraProvider>
<App />
</ChakraProvider>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta