UNPKG

@ownclouders/design-system

Version:

ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components

27 lines (26 loc) 1.29 kB
/** * OcApplicationIcon - A component for displaying application icons with customizable colors and gradients. * * @prop {string} icon - The name of the icon to display. This is required. * @prop {string} [colorPrimary=''] - The primary color for the icon background. If not provided, a hashed color based on the icon name will be generated. * @prop {string} [colorSecondary=''] - The secondary color for the icon background gradient. If not provided, a shade of the primary color will be used. * * @example * ```vue * <!-- Default usage with hashed color --> * <oc-application-icon icon="icon-name" /> * * <!-- With a primary color --> * <oc-application-icon icon="icon-name" colorPrimary="#000" /> * * <!-- With primary and secondary colors --> * <oc-application-icon icon="icon-name" colorPrimary="#000" colorSecondary="#fff" /> * ``` */ interface Props { icon: string; colorPrimary?: string; colorSecondary?: string; } declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>; export default _default;