aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
61 lines • 1.94 kB
TypeScript
import React from "react";
export interface SkipLink {
id: string;
label: string;
href: string;
}
export interface SkipLinksProps {
/**
* Array of skip links
*/
links?: SkipLink[];
/**
* Additional CSS classes
*/
className?: string;
/**
* Position of skip links
*/
position?: "top-left" | "top-center" | "top-right";
/**
* Z-index for skip links
*/
zIndex?: number;
/**
* Custom styles for skip links
*/
styles?: React.CSSProperties;
}
/**
* SkipLinks component
* Provides keyboard navigation shortcuts for screen reader users
*/
export declare function SkipLinks({ links, className, position, zIndex, styles, }: SkipLinksProps): import("react/jsx-runtime").JSX.Element;
/**
* Main content landmark component
* Wrapper for main content with proper ARIA attributes
*/
export declare function MainContent({ children, className, id, ...props }: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
/**
* Navigation landmark component
* Wrapper for navigation with proper ARIA attributes
*/
export declare function Navigation({ children, className, id, label, ...props }: React.HTMLAttributes<HTMLElement> & {
label?: string;
}): import("react/jsx-runtime").JSX.Element;
/**
* Search landmark component
* Wrapper for search with proper ARIA attributes
*/
export declare function SearchLandmark({ children, className, id, ...props }: React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
/**
* Custom skip link hook
* Programmatically manage skip links
*/
export declare function useSkipLinks(): {
skipToElement: (elementId: string) => void;
createSkipLink: (link: SkipLink) => HTMLAnchorElement;
addSkipLink: (link: SkipLink, container?: HTMLElement) => HTMLAnchorElement;
removeSkipLink: (linkId: string) => void;
};
//# sourceMappingURL=SkipLinks.d.ts.map