@aveonline/ui-react
Version:
Home base for Aveonline design system - ecosystem react
37 lines (36 loc) • 2.15 kB
TypeScript
import { FocusEvent, MouseEvent } from 'react';
export declare type ISize = 'sm' | 'md' | 'lg';
export declare type IColor = 'success' | 'warning' | 'disabled' | 'active' | 'hovered' | 'subdued' | 'default' | 'critical' | 'primary' | 'on' | 'pressed' | 'brand';
export declare type IKind = 'shipping' | 'home' | 'menu' | 'notifications' | 'novelty' | 'help' | 'see-more' | 'info' | 'alert' | 'eye' | 'date' | 'search' | 'delete' | 'more-less' | 'down' | 'up' | 'back' | 'front' | 'major-minor' | 'minor-major' | 'create' | 'success' | 'error' | 'less' | 'joke' | 'shipments' | 'padlock' | 'new' | 'average-unit' | 'average-guide' | 'percentage' | 'download' | 'upload' | 'file' | 'thin-back' | 'thin-front' | 'page-back' | 'page-front' | 'print' | 'more' | 'shipping-ratio' | 'reports' | 'courier' | 'pickup' | 'grin-wink' | 'circle-dollar-to-slot' | 'money' | 'trash' | 'start' | 'edit' | 'copy' | 'menu-line' | 'menu-square' | 'net' | 'arrow-rotate' | 'location' | 'search-alert' | 'visa' | 'mastercard' | 'build' | 'position' | 'transport' | 'presentation' | 'sendbox' | 'whatsapp-fill-green' | 'whatsapp' | 'qualification' | 'trophy' | 'first-position' | 'up-outline' | 'down-outline' | 'users-fill' | 'web-navigation' | 'download-file' | 'upload-arrow' | 'file-check' | 'file-pdf' | 'email' | 'message-bubble' | 'file-error' | 'file-deny' | 'file-money' | 'file-success' | 'graphic' | 'rotate-right' | undefined;
interface IconProps {
/**
* Sizes availables
*/
size?: ISize;
/**
* Color icons
*/
color?: IColor;
/**
* Name icon svg
*/
kind?: IKind;
/**
* Type cursor
*/
cursor?: 'pointer' | 'default';
/**
* Optional event click
*/
onClick?: (() => void) | ((event: FocusEvent<HTMLInputElement, Element>) => void) | ((event: MouseEvent<HTMLButtonElement>) => void);
/**
* More class optional container
*/
className?: string;
/**
* Optional property for defining the view box of the SVG element.
* Specifies the viewing area and scaling of the vector graphic content.
*/
viewBox?: string;
}
export type { IconProps };