@instructure/ui-tabs

---

category: packages

ui-tabs

   

Components

The ui-tabs package contains the following:

• Tabs

Installation

yarn add @instructure/ui-tabs

Usage

---
example: false
---
import React from 'react'
import { Tabs } from '@instructure/ui-tabs'

export default MyTabs = function () {
  return (
    <Tabs>
      <Tabs.Panel renderTitle="First Tab">
        Tab One
      </Tabs.Panel>
      <Tabs.Panel renderTitle="Second Tab" isSelected>
        Tab Two
      </Tabs.Panel>
      <Tabs.Panel renderTitle="Third Tab" isDisabled>
        Tab Three
      </Tabs.Panel>
    </Tabs>
  )
}