chakra-ui / chakra-ui-docs

Documentation website for chakra ui
https://chakra-ui.com
MIT License
301 stars 478 forks source link

Add elements inside Input example component error #1569

Closed scooby359 closed 1 year ago

scooby359 commented 1 year ago

Description

When visiting the Add elements inside section of the Input docs, the example component is broken.

Expected to see an input component with a left element. Instead, it displays an error:

SyntaxError: Expected corresponding JSX closing tag for <InputLeftElement> (7:2)
3 :     <InputLeftElement pointerEvents='none'>
4 :       <PhoneIcon color='gray.300' />
5 :     <InputLeftElement/>
6 :     <Input type='tel' placeholder='Phone number' />
7 :   </InputGroup>
      ^

In the code, the slash appears to be in the wrong place for the closing tag of InputLeftElement.

https://chakra-ui.com/docs/components/input/usage#add-elements-inside-input

noobinthisgame commented 1 year ago

Thanks for reporting this has been closed with #1578 :)