@react-types/tabs - npm Package Compare versions

package.json

		{
		"name": "@react-types/tabs",
		"version": "3.0.0-alpha.1",
		"version": "3.0.0-alpha.2",
		"description": "Spectrum UI components in React",
		@@ -20,3 +20,3 @@ "license": "Apache-2.0",
		},
		"gitHead": "0778f71a3c13e1e24388a23b6d525e3b9f5b98f1"
		"gitHead": "f5b429ee8615248f2e3c76754bad2ece83f1c444"
		}

src/index.d.ts

		@@ -24,3 +24,3 @@ /*

		export interface TabAriaProps<T> {
		export interface AriaTabProps<T> {
		/** Collection node for the tab. */
		@@ -32,3 +32,5 @@ item: Node<T>,

		export interface TabsAriaProps<T> extends CollectionBase<T>, SingleSelection, AriaLabelingProps {
		export interface TabsProps<T> extends CollectionBase<T>, SingleSelection {}

		export interface AriaTabsProps<T> extends TabsProps<T>, DOMProps, AriaLabelingProps {
		/**
		@@ -51,11 +53,20 @@ * Whether tabs are activated automatically on focus or manually.

		export interface SpectrumTabsProps<T> extends TabsAriaProps<T>, DOMProps, StyleProps {
		export interface SpectrumTabsProps<T> extends AriaTabsProps<T>, StyleProps {
		/** Whether the Tabs should be displayed with a quiet style. */
		isQuiet?: boolean,
		density?: 'compact',
		overflowMode?: 'dropdown' \| 'scrolling',
		isEmphasized?: boolean,
		/**
		* Sets the amount of space between the Tab and the Tab rail.
		* @default 'regular'
		*/
		density?: 'compact' \| 'regular',
		// overflowMode?: 'dropdown' \| 'scrolling',
		// isEmphasized?: boolean,
		/** Whether Tabs are disabled. */
		isDisabled?: boolean,
		/** Handler that is called when the tab selection changes. */
		onSelectionChange?: (selectedItem: Key) => void,
		/** The currently selected Tab key in the collection (controlled). */
		selectedKey?: Key,
		/** The initial selected Tab key in the collection (uncontrolled). */
		defaultSelectedKey?: Key
		}

New alerts