@undp/design-system-react/dist/SegmentedControl.d.ts

React based design system for UNDP

import { JSX } from 'react/jsx-runtime';

export declare function SegmentedControl(props: {
    options: {
        label: React.ReactNode;
        value: string;
        disabled?: boolean;
    }[];
    defaultValue?: string;
    value?: string;
    onValueChange?: (d: string) => void;
    className?: string;
    size?: 'sm' | 'base';
    variant?: 'light' | 'normal';
    color?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'foreground';
    rounded?: 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
    disabled?: boolean;
    buttonStyle?: {
        active?: React.CSSProperties;
        items?: React.CSSProperties;
    };
    classNames?: {
        control?: string;
        items?: string;
        active?: string;
    };
}): JSX.Element;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}