Complex content of tab 1
\r\n },\r\n {\r\n id: 'tab-2',\r\n title:Complex content of tab 2
\r\n },\r\n ]}\r\n selectedTab={selectedTab}\r\n onSelectTab={setSelectedTab} />\r\n```\r\n\r\n## API \r\n\r\nThe `Tabs` component can be configured via a number of props:\r\n\r\n- The `tabs` prop is an array containing the configuration of the titles and contents of tabs. Every tab consists of an unique `id`, a `title` shown in the tab, and `content` shown in the panel linked to a tab.\r\n- The `selectedTab` prop defines which tab is currently selected and therefore which content is currently shown.\r\n- The `onSelectTab` prop takes a callback that is invoked with the `id` of the newly selected tab, whenever a user clicks one of the tabs.\r\n\r\n## Demos\r\n\r\nThe following demos show the `Tabs` component being used with different configurations.\r\n\r\n### Single tab\r\n\r\n\r\n### Two Tabs\r\n\r\n\r\n\r\n### Many Tabs\r\n\r\n\r\n### Tabs Containing Sign in and Sign up Forms\r\n\r\n\r\n\r\n## Known Issues\r\n\r\nNo known issues at the moment.\r\n\r\n## Additional Resources\r\n\r\n- https://www.npmjs.com/package/@almostbearded/react-tabs\r\n- https://almostbearded-react-tabs.netlify.app","readmeFilename":"README.md"}