lumir-design-system-02
Version:
Lumir Design System 02 - Modern & Friendly
24 lines (23 loc) • 831 B
TypeScript
import React from 'react';
import { SurfaceProps } from 'lumir-design-system-shared';
export type SegmentButtonMode = 'single' | 'multi';
export type SegmentButtonSize = 'sm' | 'md' | 'lg';
export type SegmentButtonVariant = 'primary' | 'secondary';
export interface SegmentButtonProps extends Omit<SurfaceProps, 'onChange'> {
mode: SegmentButtonMode;
selectedValues?: string[];
defaultSelectedValues?: string[];
size?: SegmentButtonSize;
variant?: SegmentButtonVariant;
onChange?: (values: string[]) => void;
children: React.ReactNode;
}
export interface SegmentButtonItemProps {
value: string;
disabled?: boolean;
children: React.ReactNode;
}
export declare const SegmentButton: React.FC<SegmentButtonProps> & {
Item: React.FC<SegmentButtonItemProps>;
};
export default SegmentButton;