0
149
Viewschakra 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 answers
Answer question0
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
Report
Answer question