liber-salti
Version:
Saltí - Liber Design System
31 lines (30 loc) • 1.07 kB
TypeScript
import React from 'react';
import { IconName } from '../Icon/Icon.types';
export declare type ChipColor = 'default' | 'default-light' | 'primary' | 'primary-light' | 'secondary' | 'secondary-light' | 'warning' | 'warning-light' | 'confirmation' | 'confirmation-light' | 'danger' | 'danger-light' | 'info' | 'info-light';
export interface ChipProps {
/**
* The content of the label
*/
label: React.ReactNode;
/**
* The color of the component. It supports those theme colors that make sense for this component
*/
color?: ChipColor;
/**
* If true, the chip should be displayed in a disabled state
*/
disabled?: boolean;
/**
* Name of the Icon component to be put inside the Chip
*/
iconName?: IconName;
/**
* Callback function fired when the delete icon is clicked.
* If set, the delete icon will be shown.
*/
onDelete?: React.EventHandler<any> & ((e: any) => void);
/**
* The size of the chip
*/
size?: 'small' | 'medium';
}