@oslokommune/punkt-react
Version:
React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo
25 lines (24 loc) • 1.09 kB
TypeScript
import { ButtonHTMLAttributes } from 'react';
declare global {
interface Window {
pktAnimationPath?: string;
}
}
export interface IPktButton extends ButtonHTMLAttributes<HTMLButtonElement> {
iconName?: string;
secondIconName?: string;
iconPath?: string;
secondIconPath?: string;
mode?: 'light' | 'dark';
size?: 'xsmall' | 'small' | 'medium' | 'large';
fullWidth?: boolean;
fullWidthOnMobile?: boolean;
color?: 'blue' | 'blue-outline' | 'green' | 'green-outline' | 'green-dark' | 'green-dark-outline' | 'beige-light' | 'beige-dark-outline' | 'yellow' | 'yellow-outline' | 'red' | 'red-outline';
skin?: 'primary' | 'secondary' | 'tertiary';
variant?: 'label-only' | 'icon-left' | 'icon-right' | 'icon-only' | 'icons-right-and-left';
state?: 'normal' | 'focus' | 'hover' | 'active';
type?: 'button' | 'submit' | 'reset';
isLoading?: boolean;
loadingAnimationPath?: string;
}
export declare const PktButton: import('react').ForwardRefExoticComponent<IPktButton & import('react').RefAttributes<HTMLButtonElement>>;