Search…
Tabs
A simple tabs component.

Usage

import { useState } from 'react'
import { Tabs } from '@aragon/ui'
const App = () => {
const [selected, setSelected] = useState(0)
return (
<Tabs
items={['Orange', 'Pear', 'Cherry']}
selected={selected}
onChange={setSelected}
/>
)
}

Demonstration

Props

items (required)

  • Type: Array of React nodes
The items that are going to be displayed in every tab.

selected

  • Type: Number
  • Default: 0
The currently selected tab, using its index.

onChange

  • Type: Function
When a tab is selected, this function gets called with the index of the tab as a parameter.
Copy link
On this page
Usage
Demonstration
Props