@inkline/inkline
Version:
Inkline is the intuitive UI Components library that gives you a developer-friendly foundation for building high-quality, accessible, and customizable Vue.js 3 Design Systems.
85 lines (84 loc) • 1.87 kB
JavaScript
export const manifest = {
name: "IIcon",
props: [
{
name: "name",
type: ["String"],
default: "",
description: "The icon to be displayed"
},
{
name: "name",
type: ["String"],
default: "",
description: ""
},
{
name: "size",
type: ["xs", "sm", "md", "lg", "xl", "xxl"],
default: "",
description: "The size variant of the icon"
}
],
events: [],
slots: [],
css: {
selector: ".inkline-icon",
variables: [
{
name: "--icon--size",
variants: [
{
name: "--icon--xs--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-xs))"
}
]
},
{
name: "--icon--sm--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-sm))"
}
]
},
{
name: "--icon--md--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-md))"
}
]
},
{
name: "--icon--lg--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-lg))"
}
]
},
{
name: "--icon--xl--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-xl))"
}
]
},
{
name: "--icon--2xl--size",
value: [
{
value: "calc(var(--font-size) * var(--size-multiplier-2xl))"
}
]
}
]
}
]
}
};
export default manifest;