@n3/react-tabs

Tabs component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactTabs from 'https://cdn.skypack.dev/@n3/react-tabs';
</script>

README

@n3/react-tabs

Табы для приложений на базе @n3/kit.

import Tabs from '@n3/react-tabs';

Props

Название Обязательность Тип Значение по умолчанию Описание
tabs + arrayOf [
  shape {
  - id
    union
    - number
    - string
  - title
    node
  }
]
Массив табов для рендера
current union
- number
- string
null id выбранного таба
recountOnResize bool false Пересчитывать ли состояние скрытий/показа табов при изменении размеров окна
renderTab func defaultRenderTab Функция рендера таба
@param {Object} renderProps
@param {string} renderProps.className
@param {Function} renderProps.onClick
@param {ReactNode} renderProps.label - заголовок таба
@param {Object} renderProps.tab - объект таба
setCurrentTab func Function.prototype Обработчик изменения текущего таба
@param {string
renderContent func (contentNode) => contentNode Функция рендера табов для возможности создания обёртки