yazaabed / react-tabs Goto Github PK

Hi, thanks for this!

Any UMD build available at a CDN?

Hi, simple and great library, but actually it misses some essential functionality

• i want to trigger my custom function whenever i click the title tab
• i also want to dynamically active tab from my current active state

how can i achieve these things ?

Warning: Failed prop type: Tabs: prop type activeTab is invalid; it must be a function, usually from the prop-types package, but received object.
in Tabs (at HomeBody.jsx:22)
in HomeBody (created by ConnectFunction)
in ConnectFunction (at Homepage.jsx:14)
in section (at Homepage.jsx:12)
in div (at Homepage.jsx:10)
in Homepage (created by Context.Consumer)
in Route (at App.js:12)
in Switch (at App.js:11)
in div (at App.js:10)
in App (at src/index.js:32)
in AuthIsLoaded (at src/index.js:31)
in Router (created by BrowserRouter)
in BrowserRouter (at src/index.js:30)
in ReactReduxFirebaseProvider (at src/index.js:29)
in Provider (at src/index.js:28)
in StrictMode (at src/index.js:27)

Okay I followed the demo but getting this warning

https://github.com/YazanAabeed/react-tabs/blob/d97adae6b29f368ed701b0d758ba013620604081/src/components/TabsContext.js#L16

probably meant 'isOldTabFound'?

Warning: Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state.

package.json

"react": "^16.4.2",
"react-dom": "^16.4.2",

or

"react": "^16.5.2",
"react-dom": "^16.5.2",

or

"react": "^16.6.3",
"react-dom": "^16.6.3",

Code:

               <Tabs
                  activeTab={{
                    id: "tab1"
                  }}
                >
                  <Tabs.Tab id="tab1" title="English">
                    <div style={{ padding: "20px 0" }}>
                      <RightpanelEnglish />
                    </div>
                  </Tabs.Tab>
                  <Tabs.Tab id="tab2" title="Hindi">
                    <div style={{ padding: 10 }}>This is tab 2</div>
                  </Tabs.Tab>
                </Tabs>

Also, how can i update the style of tab such as blue line thickness, the colour of the font ?

P.S
Great package, helping me alot