@inkline/inkline/components/IBreadcrumbItem/manifest.js

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.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.manifest = exports.default = void 0;
const manifest = exports.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: "'/'"
      }]
    }]
  }
};
var _default = exports.default = manifest;