@spaced-out/ui-design-system/lib/components/Toggle/Toggle.d.ts

Sense UI components library

import * as React from 'react';
import type { Flow } from 'flow-to-typescript-codemod';
/**
 * Note:
 * Do not wrap Toggle in a label. For simplicity's sake, Toggle uses an
 * internal label tag to handle click delegation to the hidden input, and
 * nesting labels is a bad idea.
 */
type ClassNames = Readonly<{
    wrapper?: string;
    label?: string;
}>;
export interface ToggleProps {
    name?: string;
    classNames?: ClassNames;
    children?: React.ReactNode;
    checked?: boolean;
    onChange?: (arg1: {
        value: string;
        checked: boolean;
    }) => unknown;
    disabled?: boolean;
    focused?: boolean;
    value?: string;
    ariaLabel?: string;
    labelPosition?: 'left' | 'right';
    testId?: string;
}
export declare const Toggle: Flow.AbstractComponent<ToggleProps, HTMLInputElement>;
export {};
//# sourceMappingURL=Toggle.d.ts.map