@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
TypeScript
/**
* 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;