0
499
ViewsCómo personalizar el elemento de la pestaña de la interfaz de usuario de chakra. en reaccionar
Quiero agregar el estilo activo de elementos de pestaña. Vi que han usado aria-selected: true para aplicar el estilo css en una clase, pero no sé cómo anular este estilo en reaccionar. ¿Alguien puede explicar cómo puedo sobrescribir esto en reaccionar? Por favor vea el lado derecho hacia abajo. por el estilo que han usado 
.css-y2jimx[aria-selected=true], .css-y2jimx[data-selected] { color: var(--chakra-colors-blue-600); border-color: currentColor;}Quiero sobrescribir este código en mi elemento de reacción como este
<Tab style={ aria-selected? 'selected style':'not selected style' } >Basics</Tab>1 answers
Answer question0
Chakra-UI está muy bien documentado, encontrará todo lo que necesita en esta página: https://chakra-ui.com/docs/components/disclosure/tabs .
Primero elija su variant , luego su colorScheme . Por último, tal vez _selected los accesorios seleccionados para el toque final: https://chakra-ui.com/docs/components/disclosure/tabs#styling-the-tab-states-via-props