@stanfordspezi/spezi-web-design-system/dist/src/components/SideLabel/SideLabel.d.ts

Stanford Biodesign Digital Health Spezi Web Design System

import { ComponentProps, ReactNode } from 'react';
export type SideLabelProps = Omit<ComponentProps<"label">, "label"> & {
    /**
     * Element that describes form input
     */
    label?: ReactNode;
    /**
     * Show label on right side.
     */
    reverse?: boolean;
    /**
     * Center content vertically.
     * Useful to disable centering if the label is complex and spans multiple lines.
     * @default true
     */
    center?: boolean;
};
/**
 * Component for creating labeled form controls like radio, checkbox or switch.
 *
 * @example
 * ```tsx
 * // Basic usage with Checkbox
 * <SideLabel label="Enable notifications">
 *   <Checkbox />
 * </SideLabel>
 * ```
 */
export declare const SideLabel: ({ children, className, label, reverse, center, ...props }: SideLabelProps) => import("react").JSX.Element;