@oslokommune/punkt-react
Version:
React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo
42 lines (41 loc) • 1.29 kB
TypeScript
import { HTMLAttributes, ReactNode } from 'react';
declare global {
interface Window {
pktAnimationPath?: string;
}
}
export type TPktLoaderVariant = 'blue' | 'rainbow' | 'shapes';
export type TPktLoaderSize = 'small' | 'medium' | 'large';
export interface IPktLoader extends HTMLAttributes<HTMLDivElement> {
/**
* Tid i millisekunder før loader vises. Nyttig når lastetiden kan være
* så kort at loader ikke trengs.
*/
delay?: number;
/**
* Vises loader inline eller som blokk.
*/
inline?: boolean;
/**
* Styrer om loader eller barnenoder vises. Når `false` vises barnenoder.
*/
isLoading?: boolean;
/**
* Meldingstekst som vises sammen med loader.
*/
message?: string | null;
/**
* Størrelse på loader. Standard er "medium".
*/
size?: TPktLoaderSize;
/**
* Loader-variant. Standard er "shapes" (Oslo-bølger). Andre er "blue" og "rainbow" (spinner-varianter).
*/
variant?: TPktLoaderVariant;
/**
* Overstyrer stien til loader-animasjoner.
*/
loadingAnimationPath?: string;
children?: ReactNode;
}
export declare const PktLoader: import('react').ForwardRefExoticComponent<IPktLoader & import('react').RefAttributes<HTMLDivElement>>;