react-loader-spinner/dist/dna.d.ts

react-spinner-loader provides simple React.js spinner component which can be implemented for async wait operation before data load to the view.

import { FunctionComponent, CSSProperties } from 'react';

/**
 * Props for the DNA loader component.
 *
 * The DNA loader displays a double helix animation resembling DNA strands
 * with two configurable colors for the primary and secondary strands.
 * The animation shows the iconic twisted ladder structure of DNA.
 *
 * @interface DNAProps
 */
interface DNAProps {
    /** Height of the SVG (number interpreted as px). Defaults to 80. */
    height?: string | number;
    /** Width of the SVG (number interpreted as px). Defaults to 80. */
    width?: string | number;
    /** The primary color of the DNA loader strands. Defaults to 'rgba(233, 12, 89, 0.51)'. */
    dnaColorOne?: string;
    /** The secondary color of the DNA loader strands. Defaults to '#46dff0'. */
    dnaColorTwo?: string;
    /** Accessible label announced to screen readers. Defaults to 'dna-loading'. */
    ariaLabel?: string;
    /** Inline style object applied to the wrapper element. */
    wrapperStyle?: CSSProperties;
    /** CSS class applied to the wrapper for custom styling. */
    wrapperClass?: string;
    /** When false, the loader is not rendered. Defaults to true. */
    visible?: boolean;
}
declare const DNA: FunctionComponent<DNAProps>;

export { DNA };