Tags Order A-Z Category Context

<sn:quick-tabs>

Provides a list of tabs that can be easily switched without causing a page load. One of the items can be marked as selected, and that is the item that shows by default.

Attributes

  • string < optional > The CSS class that gets appended to every tab. Can be any string .

Valid Contexts

  • : The area where your app is displayed alone
  • : The Bebo profile page
  • : On a notification page (after the user has clicked on a link in the email)
  • : On the invitations page

Code

<sn:quick-tabs>
    <sn:quick-tab-item title="First">
      I'm the content for tab item one
    </sn:quick-tab-item>
    <sn:quick-tab-item title="Second">
       I'm the content for tab item two
    </sn:quick-tab-item>
    <sn:quick-tab-item title="Third" selected="true">
       I'm the content for tab item three.
       <br/>
       This tab item should be selected by default.
    </sn:quick-tab-item>
 </sn:quick-tabs>
Play with this code in the sandbox
I'm the content for tab item three.
This tab item should be selected by default.