tdesign-vue-next
Version:
TDesign Component for vue-next
30 lines (29 loc) • 935 B
TypeScript
import { TNode } from '../common';
export interface TdSwiperProps {
animation?: 'slide' | 'fade';
autoplay?: boolean;
current?: number;
defaultCurrent?: number;
direction?: 'horizontal' | 'vertical';
duration?: number;
height?: number;
interval?: number;
loop?: boolean;
navigation?: SwiperNavigation | TNode;
stopOnHover?: boolean;
theme?: 'light' | 'dark';
trigger?: 'hover' | 'click';
type?: 'default' | 'card';
cardScale?: number;
onChange?: (current: number, context: {
source: SwiperChangeSource;
}) => void;
}
export interface SwiperNavigation {
placement?: 'inside' | 'outside';
showSlideBtn?: 'always' | 'hover' | 'never';
size?: 'small' | 'medium' | 'large';
type?: SwiperNavigationType;
}
export type SwiperChangeSource = 'autoplay' | 'click' | 'hover';
export type SwiperNavigationType = 'dots' | 'dots-bar' | 'bars' | 'fraction';