@instructure/ui-tabs

category: packages

ui-tabs

Components

The ui-tabs package contains the following:

• Tabs

Installation

npm install @instructure/ui-tabs

Usage

---
type: code
---
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>
  )
}