@als-tp/als-react-ts-ui/dist/components/ALSToolbar/ALSToolbar.d.ts

A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation

import React from "react";
import { Toolbar } from "@base-ui-components/react/toolbar";
/**
 * Props for the ALSToolbar Root component
 */
export interface ALSToolbarRootProps extends React.ComponentPropsWithRef<typeof Toolbar.Root> {
    /**
     * The orientation of the toolbar
     * @default 'horizontal'
     */
    orientation?: "horizontal" | "vertical";
    /**
     * If true, using keyboard navigation will wrap focus to the other end of the toolbar once the end is reached
     * @default true
     */
    loopFocus?: boolean;
    /**
     * When true, all toolbar items are disabled
     */
    disabled?: boolean;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Children elements
     */
    children?: React.ReactNode;
}
/**
 * Props for the ALSToolbar Button component
 */
export interface ALSToolbarButtonProps extends React.ComponentPropsWithRef<typeof Toolbar.Button> {
    /**
     * When true the button is disabled
     */
    disabled?: boolean;
    /**
     * When true the item remains focuseable when disabled
     * @default true
     */
    focusableWhenDisabled?: boolean;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Children elements
     */
    children?: React.ReactNode;
}
/**
 * Props for the ALSToolbar Link component
 */
export interface ALSToolbarLinkProps extends React.ComponentPropsWithRef<typeof Toolbar.Link> {
    /**
     * The URL to link to
     */
    href?: string;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Children elements
     */
    children?: React.ReactNode;
}
/**
 * Props for the ALSToolbar Group component
 */
export interface ALSToolbarGroupProps extends React.ComponentPropsWithRef<typeof Toolbar.Group> {
    /**
     * When true all toolbar items in the group are disabled
     */
    disabled?: boolean;
    /**
     * Additional CSS class name
     */
    className?: string;
    /**
     * Children elements
     */
    children?: React.ReactNode;
}
/**
 * Props for the ALSToolbar Separator component
 */
export interface ALSToolbarSeparatorProps extends React.ComponentPropsWithRef<typeof Toolbar.Separator> {
    /**
     * The orientation of the separator
     * @default 'horizontal'
     */
    orientation?: "horizontal" | "vertical";
    /**
     * Additional CSS class name
     */
    className?: string;
}
/**
 * Props for the ALSToolbar Input component
 */
export interface ALSToolbarInputProps extends React.ComponentPropsWithRef<typeof Toolbar.Input> {
    /**
     * The input type
     */
    type?: string;
    /**
     * Placeholder text
     */
    placeholder?: string;
    /**
     * Additional CSS class name
     */
    className?: string;
}
/**
 * Root container for the toolbar
 */
export declare const ALSToolbarRoot: React.ForwardRefExoticComponent<Omit<ALSToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * Button component for the toolbar
 */
export declare const ALSToolbarButton: React.ForwardRefExoticComponent<Omit<ALSToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
/**
 * Link component for the toolbar
 */
export declare const ALSToolbarLink: React.ForwardRefExoticComponent<Omit<ALSToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
/**
 * Group component for grouping toolbar items
 */
export declare const ALSToolbarGroup: React.ForwardRefExoticComponent<Omit<ALSToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * Separator component for the toolbar
 */
export declare const ALSToolbarSeparator: React.ForwardRefExoticComponent<Omit<ALSToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
/**
 * Input component for the toolbar
 */
export declare const ALSToolbarInput: React.ForwardRefExoticComponent<Omit<ALSToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=ALSToolbar.d.ts.map