Link React Component

    There are following components included:

    • / **F7Link**
    EventDescription
    <Link> events
    clickEvent will be triggered after click on a link

    Navigation Link

    Back Navigation Link

    1. <Link back>Back</Link>

    With Router Parameters

    1. <Link href="/about/" animate={false} ignoreCache={true}>About</Link>

    External Link

    Tab Link

    1. {/* Tabs  */}
    2. <Tabs>
    3.   <Tab id="tab-1" tabActive>Tab 1</Tab>
    4.   <Tab id="tab-1">Tab 2</Tab>
    5. </Tabs>
    6. {/* Switch Between Tabs  */}
    7. <Link tabLink="#tab-1" tabLinkActive>Show Tab 1</Link>

    Routable Tabs

    1. {/* Tabs  */}
    2. <Tabs>
    3.   <Tab id="tab-1"></Tab>
    4.   <Tab id="tab-2"></Tab>
    5. </Tabs>
    6. {/* Switch Between Tabs  */}
    7. <Link tabLink routeTabId="tab-1" href="/tabs/">Show Tab 1</Link>
    8. <Link tabLink routeTabId="tab-2" href="/tabs/tab-2/">Show Tab 2</Link>

    Open And Close Panel

    Open and Close Popup

    1. <Link popupOpen="#my-popup">Open Popup</Link>
    2. <Link popupClose="#my-popup">Close Popup</Link>

    With Icon & Color