UNPKG

@ryvora/react-scrollable-list

Version:

📜↔️ Horizontally scrollable list with navigation buttons for React. Perfect for carousels and tab lists!

52 lines (48 loc) 2.87 kB
import * as _ryvora_react_context from '@ryvora/react-context'; import { Scope } from '@ryvora/react-context'; import React from 'react'; import { Primitive } from '@ryvora/react-primitive'; declare const createScrollableListScope: _ryvora_react_context.CreateScope; type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>; interface ScrollableListProps extends PrimitiveDivProps { } declare const ScrollableList: React.ForwardRefExoticComponent<ScrollableListProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; interface ScrollableListViewportProps extends PrimitiveDivProps { } declare const ScrollableListViewport: React.ForwardRefExoticComponent<ScrollableListViewportProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; interface ScrollableListItemProps extends PrimitiveDivProps { } declare const ScrollableListItem: React.ForwardRefExoticComponent<ScrollableListItemProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>; interface ScrollableListPreviousButtonProps extends PrimitiveButtonProps { } declare const ScrollableListPreviousButton: React.ForwardRefExoticComponent<ScrollableListPreviousButtonProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLButtonElement>>; interface ScrollableListNextButtonProps extends PrimitiveButtonProps { } declare const ScrollableListNextButton: React.ForwardRefExoticComponent<ScrollableListNextButtonProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLButtonElement>>; declare const Root: React.ForwardRefExoticComponent<ScrollableListProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; declare const Viewport: React.ForwardRefExoticComponent<ScrollableListViewportProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; declare const Item: React.ForwardRefExoticComponent<ScrollableListItemProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLDivElement>>; declare const PreviousButton: React.ForwardRefExoticComponent<ScrollableListPreviousButtonProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLButtonElement>>; declare const NextButton: React.ForwardRefExoticComponent<ScrollableListNextButtonProps & { __scopeScrollableList?: Scope; } & React.RefAttributes<HTMLButtonElement>>; export { Item, NextButton, PreviousButton, Root, ScrollableList, ScrollableListItem, type ScrollableListItemProps, ScrollableListNextButton, type ScrollableListNextButtonProps, ScrollableListPreviousButton, type ScrollableListPreviousButtonProps, type ScrollableListProps, ScrollableListViewport, type ScrollableListViewportProps, Viewport, createScrollableListScope };