Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

tooltip in chakra ui

import { AiFillQuestionCircle } from 'react-icons/ai';
import { Tooltip } from '@chakra-ui/react'
			<FormLabel
                htmlFor='description'
                fontWeight={800}
                className='color-paragraph d-flex align-items-center gap-1'
              >
                <p>Description</p>
                <Tooltip
                  hasArrow
                  label='Description of the product'
                  fontSize='sm'
                >
                  <span style={{ display: width > 426 ? 'block' : 'none' }}>
                    <AiFillQuestionCircle />
                  </span>
                </Tooltip>
              </FormLabel>
 
PREVIOUS NEXT
Tagged: #tooltip #chakra #ui
ADD COMMENT
Topic
Name
2+5 =