小编soh*_*aib的帖子

Chakra UI:为什么工具提示显示在屏幕的左上角而不是显示在元素顶部?

createByModal 基本上是一个脉轮模态,我在其中使用工具提示。每当我将鼠标悬停在图标上时,工具提示会在屏幕顶部而不是图标顶部显示我。在照片中,您可以看到忽略元素正在显示在左上角


在此输入图像描述

const CreatedByModal = () => {
  return (
    <Stack
      spacing={"4"}
      margin={"0px !important"}
      alignItems={"center"}
      px={{ base: "2", lg: "6" }}
      pt={"2"}
    >
      <HStack justifyContent={"space-between"}>
        <Tooltip
          bg={"white"}
          textAlign={"center"}
          color={"black"}
          placement="top"
          label="Tip"
          aria-label="A tooltip"
        >
          <AiFillWallet size={"1.2rem"} color={"#b1bad3"} />
        </Tooltip>
        <Tooltip
          bg={"white"}
          textAlign={"center"}
          color={"black"}
          placement="top"
          label="Ignore"
          aria-label="A tooltip"
        >
          <AiFillEyeInvisible size={"1.2rem"} color={"#b1bad3"} />
        </Tooltip>
      </HStack>
    </Stack>
  );
};
Run Code Online (Sandbox Code Playgroud)

javascript reactjs chakra-ui

10
推荐指数
1
解决办法
3473
查看次数

Chakra UI:如何更改分隔线的颜色?

我试图改变分隔线的颜色,但它没有改变

<Stack color={'white'} >
           <HStack>
               <Text>Email</Text>
                 <Tag
                   size={'sm'}
                   borderRadius='full'
                   variant='solid'
                   colorScheme='green'>
                    
                   <TagLabel>verified</TagLabel>
                   </Tag>
                 </HStack>
                  <Divider color={'red'} />
           </Stack>
Run Code Online (Sandbox Code Playgroud)

html reactjs chakra-ui

1
推荐指数
1
解决办法
5551
查看次数

标签 统计

chakra-ui ×2

reactjs ×2

html ×1

javascript ×1