@kobalte/core/dist/toggle-button-root-1cfacf95.d.ts

Unstyled components and primitives for building accessible web apps and design systems with SolidJS.

import { Accessor, JSX, ValidComponent } from 'solid-js';
import { b as ButtonRootOptions, d as ButtonRootRenderProps } from './button-root-da654b3e.js';
import { ElementOf, PolymorphicProps } from './polymorphic/index.js';

interface ToggleButtonRootState {
    /** Whether the toggle button is on (pressed) or off (not pressed). */
    pressed: Accessor<boolean>;
}
interface ToggleButtonRootOptions extends ButtonRootOptions {
    /** The controlled pressed state of the toggle button. */
    pressed?: boolean;
    /**
     * The default pressed state when initially rendered.
     * Useful when you do not need to control the pressed state.
     */
    defaultPressed?: boolean;
    /** Event handler called when the pressed state of the toggle button changes. */
    onChange?: (pressed: boolean) => void;
    /**
     * The children of the toggle button.
     * Can be a `JSX.Element` or a _render prop_ for having access to the internal state.
     */
    children?: JSX.Element | ((state: ToggleButtonRootState) => JSX.Element);
}
interface ToggleButtonRootCommonProps<T extends HTMLElement = HTMLElement> {
    onClick: JSX.EventHandlerUnion<T, MouseEvent>;
    disabled: boolean | undefined;
}
interface ToggleButtonRootRenderProps extends ToggleButtonRootCommonProps, ButtonRootRenderProps {
    children: JSX.Element;
    "aria-pressed": boolean;
    "data-pressed": "" | undefined;
}
type ToggleButtonRootProps<T extends ValidComponent | HTMLElement = HTMLElement> = ToggleButtonRootOptions & Partial<ToggleButtonRootCommonProps<ElementOf<T>>>;
/**
 * A two-state button that allow users to toggle a selection on or off.
 * This component is based on the [WAI-ARIA Button Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/button/)
 */
declare function ToggleButtonRoot<T extends ValidComponent = "button">(props: PolymorphicProps<T, ToggleButtonRootProps<T>>): JSX.Element;

export { ToggleButtonRoot as T, ToggleButtonRootCommonProps as a, ToggleButtonRootOptions as b, ToggleButtonRootProps as c, ToggleButtonRootRenderProps as d, ToggleButtonRootState as e };