Crayons Tabs component does not work properly

[Vitalii_Sukhostavsky (Vitalii Sukhostavskyi)]

Hey all, I have 2 questions related to Crayons FwTabs component:

1. For some reason setting active tab using activeTabName does not work, but using activeTabIndex everything works well. What can be the issue here? We would like to use activeTabName better…
   P.S. here is the React code snippet that I use. Looks like all tabs names are passed properly

      <FwTabs
        activeTabName={activeTab} // doesn't work even though activeTab contains name of active tab
        activeTabIndex={activeTab === CUSTOMER_DETAILS_TAB ? 0 : 1} // works as expected
      >
        <FwTab
          slot="tab"
          panel={CUSTOMER_DETAILS_TAB}
          onClick={() => setActiveTab(CUSTOMER_DETAILS_TAB)}
        >
          ...
        </FwTab>
        <FwTab
          slot="tab"
          panel={ORDER_DETAILS_TAB}
          onClick={() => setActiveTab(ORDER_DETAILS_TAB)}
        >
          ...
        </FwTab>
        <FwTabPanel name={CUSTOMER_DETAILS_TAB}>
          ...
        </FwTabPanel>
        <FwTabPanel name={ORDER_DETAILS_TAB}>
          ...
        </FwTabPanel>
      </FwTabs>

2. How can I use Custom CSS Properties such as here to style Crayons components? Wasn’t able to find this info anywhere…

Thanks in advance,
Vitalii

[zach_jones_noel (Jones Zachariah Noel N)]

@kaushalc can you help here?

Thanks!

[Vitalii_Sukhostavsky (Vitalii Sukhostavskyi)]

@zach_jones_noel @kaushalc
Would someone be able to help with these questions?
Especially second one…

Thanks in advance!