@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
TypeScript
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 };