@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
38 lines (37 loc) • 1.19 kB
TypeScript
import { Color } from '../types/colors';
export type FLogoVariant = 'horizontal' | 'vertical' | 'image-only' | 'half-image-only' | 'text-only' | 'product';
export interface FLogoProps {
/**
* Variant of the logo
*/
variant?: FLogoVariant;
/**
* Color of the logo
*/
color?: Color;
/**
* Width of the logo
*/
width?: string | number;
/**
* Height of the logo
*/
height?: string | number;
/**
* Sub-text, representing the product name, displayed in case of 'product' variant
*/
productName?: string;
/**
* Sub-text color, defaults to the logo color if absent
*/
productNameColor?: Color;
}
declare const _default: import('vue').DefineComponent<FLogoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FLogoProps> & Readonly<{}>, {
color: Color;
width: string | number;
height: string | number;
variant: FLogoVariant;
productName: string;
productNameColor: Color;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;