aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
39 lines • 1.57 kB
TypeScript
/**
* Glass ToggleButton Component
*
* A button that can be toggled on/off, with glass morphism styling.
*/
import React from "react";
import type { ConsciousnessFeatures } from "../layout/GlassContainer";
import { ToggleButtonProps } from "./types";
interface EnhancedToggleButtonProps extends ToggleButtonProps, ConsciousnessFeatures {
/** Accessible label for the button */
"aria-label"?: string;
/** ID of element that labels the button */
"aria-labelledby"?: string;
/** ID of element(s) that describe the button */
"aria-describedby"?: string;
/** Whether button controls expanded content */
"aria-expanded"?: boolean;
/** ID of element controlled by this button */
"aria-controls"?: string;
/** Whether button has popup menu or dialog */
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog";
/** Description text for complex buttons (automatically creates describedby) */
description?: string;
}
/**
* ToggleButton Component
*
* A button that can be toggled on/off, with glass morphism styling.
*/
declare const ToggleButton: React.ForwardRefExoticComponent<EnhancedToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
/**
* GlassToggleButton Component
*
* Glass variant of the ToggleButton component.
*/
declare const GlassToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLButtonElement>>;
export default ToggleButton;
export { GlassToggleButton, ToggleButton };
//# sourceMappingURL=ToggleButton.d.ts.map