Crayons Tabs component does not work properly

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>
  1. 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

@kaushalc can you help here?

Thanks!

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

Thanks in advance!

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.