如何自定义脉轮 ui 选项卡元素。 在反应

Question

我想添加选项卡元素活动样式，我看到他们使用 aria-selected:true 在类中应用 css 样式，但我不知道如何在反应中覆盖这种风格谁能解释我如何在反应中覆盖它？ 请看右下角。 对于他们使用的风格

.css-y2jimx[aria-selected=true], .css-y2jimx[data-selected] {
color: var(--chakra-colors-blue-600);
border-color: currentColor;}

我想像这样在我的反应元素中覆盖这段代码

 <Tab style={
          aria-selected? 'selected style':'not selected style'
        }     
      >Basics</Tab>

Answer 1

Chakra-UI 有很好的文档记录，你会在这个页面上找到你需要的一切： https ://chakra-ui.com/docs/components/disclosure/tabs。

首先选择您的variant ，然后选择您的colorScheme 。 最后，您可能需要_selected道具进行最后的接触： https ://chakra-ui.com/docs/components/disclosure/tabs#styling-the-tab-states-via-props