@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.
98 lines (97 loc) • 1.89 kB
JavaScript
export const manifest = {
name: "IBreadcrumbItem",
props: [
{
name: "active",
type: ["Boolean"],
default: "false",
description: "The active state of the breadcrumb item"
},
{
name: "disabled",
type: ["Boolean"],
default: "false",
description: "The disabled state of the breadcrumb item"
},
{
name: "to",
type: ["String"],
default: "undefined",
description: ""
},
{
name: "tabindex",
type: ["Number", "String"],
default: "0",
description: "The tabindex of the breadcrumb item"
},
{
name: "tag",
type: ["String"],
default: "a",
description: "Set the HTML tag to be used for rendering the breadcrumb item"
},
{
name: "to",
type: ["String"],
default: "undefined",
description: ""
}
],
events: [],
slots: [
{
name: "default",
description: "Slot for default breadcrumb item content "
}
],
css: {
selector: ".breadcrumb-item",
variables: [
{
name: "--breadcrumb--padding-left",
value: [
{
name: "--padding-left"
}
]
},
{
name: "--breadcrumb--color"
},
{
name: "--breadcrumb--link--color",
value: [
{
name: "--breadcrumb--color"
}
]
},
{
name: "--breadcrumb--active--color",
value: [
{
name: "--breadcrumb--color"
}
]
},
{
name: "--breadcrumb--padding-right",
value: [
{
name: "--padding-right"
}
]
},
{
name: "--breadcrumb--separator",
value: [
{
value: "'/'"
}
]
}
]
}
};
export default manifest;