@workday/canvas-kit-react/dist/commonjs/button/lib/Hyperlink.d.ts

The parent module that contains all Workday Canvas Kit React components

import * as React from 'react';
import { CSProps } from '@workday/canvas-kit-styling';
export interface HyperlinkProps extends CSProps {
    /**
     * sets modifier styles for Hyperlink
     * - `inverse`: sets the color to frenchVanilla100 and updates hover, focus, and active pseudo-classes
     */
    variant?: 'inverse';
    /**
     * attribute for the hyperlink URL
     */
    href?: string;
    children?: React.ReactNode;
}
export declare const hyperlinkStencil: import("@workday/canvas-kit-styling").Stencil<{
    variant: {
        inverse: {
            color: "--cnvs-sys-color-text-inverse";
            '&:hover, &.hover': {
                color: "--cnvs-sys-color-text-inverse";
                background: string;
            };
            '&:focus, &.focus, &:focus-visible': {
                boxShadow: `0 0 0 2px ${string}`;
            };
            '&:active, &.active': {
                color: "--cnvs-sys-color-text-primary-stronger";
                background: "--cnvs-sys-color-bg-alt-soft";
            };
        };
    };
}, {}, {}, never, never>;
/**
 * `Hyperlink`s should be used when you want to navigate away from the current page or to an anchor
 * on the current page.
 */
export declare const Hyperlink: import("@workday/canvas-kit-react/common").ElementComponent<"a", HyperlinkProps>;
//# sourceMappingURL=Hyperlink.d.ts.map