1import{d as m,aC as h,aD as _,_ as b,h as c,o as d,c as u,e,w as r,f as a,a4 as g,W as v,a1 as D}from"./index-BK-NJTUW.js";import{s as k}from"./index-CoRUuF9K.js";import{v as x}from"./breadcrumb-CJTj4w4H.js";const $=[{title:"Breadcrumb",props:[{name:"<code>align</code>",description:"Breadcrumb alignment.",type:"String",values:"<code>is-left</code>, <code>is-centered</code>, <code>is-right</code>",default:"<code>is-right</code>"},{name:"<code>separator</code>",description:"Symbol that separates the breadcrumb items.",type:"String",values:"<code>has-arrow-separator</code>, <code>has-bullet-separator</code>, <code>has-dot-separator</code>, <code>has-succeeds-separator</code>",default:"â"},{name:"<code>size</code>",description:"The breadcrumb size",type:"String",values:"<code>is-small</code>, <code>is-medium</code>, <code>is-large</code>",default:"<code>is-medium</code>"}],slots:[{name:"default",description:"Breadcrumb items",props:"â"}]},{title:"Breadcrumb Item",props:[{name:"<code>tag</code>",description:"a, router-link and it's html attributes like href, to, etc...",type:"String, Object",values:"<code>router-link</code>, <code>a</code>",default:"<code>a</code>"},{name:"<code>active</code>",description:"is the current breadcrumb is actually the current page.",type:"Boolean",values:"<code>false</code>, <code>true</code>",default:"<code>false</code>"},{name:"<code>compat-fallthrough</code>",description:"Whether <code>class</code>, <code>style</code>, and <code>id</code> attributes are applied to the root <li> element or the underlying <code>tag</code>. If <code>true</code>, they are applied to the root <li> element, which is compatible with Vue 2.",type:"Boolean",values:"-",default:"<code>true</code>. Can be changed via <code>defaultCompatFallthrough</code> config option."}],slots:[{name:"default",description:"Breadcrumb item content",props:"â"}]}],E=m({components:{BBreadcrumb:_,BBreadcrumbItem:h},name:"ExAlignments"});function H(o,i,s,l,f,p){const t=c("b-breadcrumb-item"),n=c("b-breadcrumb");return d(),u("section",null,[e(n,{align:"is-left"},{default:r(()=>[e(t,{tag:"router-link",to:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{tag:"router-link",to:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{tag:"router-link",to:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{align:"is-centered"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{align:"is-right"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1})])}const C=b(E,[["render",H]]),S=`<template> 2 <section> 3 <!-- Left --> 4 <b-breadcrumb align="is-left"> 5 <b-breadcrumb-item tag="router-link" to="/">Home</b-breadcrumb-item> 6 <b-breadcrumb-item tag="router-link" to="/documentation" 7 >Docs</b-breadcrumb-item 8 > 9 <b-breadcrumb-item 10 tag="router-link" 11 to="/documentation/breadcrumb" 12 active 13 > 14 Breadcrumb 15 </b-breadcrumb-item> 16 </b-breadcrumb> 17 <!-- Center --> 18 <b-breadcrumb align="is-centered"> 19 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 20 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 21 <b-breadcrumb-item href="/documentation/breadcrumb" active> 22 Breadcrumb 23 </b-breadcrumb-item> 24 </b-breadcrumb> 25 <!-- Right --> 26 <b-breadcrumb align="is-right"> 27 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 28 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 29 <b-breadcrumb-item href="/documentation/breadcrumb" active> 30 Breadcrumb 31 </b-breadcrumb-item> 32 </b-breadcrumb> 33 </section> 34</template> 35 36<script lang="ts"> 37import { defineComponent } from "vue"; 38import { BBreadcrumb, BBreadcrumbItem } from "buefy"; 39 40export default defineComponent({ 41 components: { 42 BBreadcrumb, 43 BBreadcrumbItem, 44 }, 45 name: "ExAlignments", 46}); 47<\/script> 48`,w=m({components:{BBreadcrumb:_,BBreadcrumbItem:h},name:"ExSeparators"});function z(o,i,s,l,f,p){const t=c("b-breadcrumb-item"),n=c("b-breadcrumb");return d(),u("section",null,[e(n,null,{default:r(()=>[e(t,{tag:"router-link",to:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{tag:"router-link",to:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{tag:"router-link",to:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{separator:"has-arrow-separator"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{separator:"has-bullet-separator"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{separator:"has-dot-separator"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{separator:"has-succeeds-separator"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1})])}const y=b(w,[["render",z]]),I=`<template> 49 <section> 50 <!-- Default --> 51 <b-breadcrumb> 52 <b-breadcrumb-item tag="router-link" to="/">Home</b-breadcrumb-item> 53 <b-breadcrumb-item tag="router-link" to="/documentation" 54 >Docs</b-breadcrumb-item 55 > 56 <b-breadcrumb-item 57 tag="router-link" 58 to="/documentation/breadcrumb" 59 active 60 > 61 Breadcrumb 62 </b-breadcrumb-item> 63 </b-breadcrumb> 64 <!-- Arrow --> 65 <b-breadcrumb separator="has-arrow-separator"> 66 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 67 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 68 <b-breadcrumb-item href="/documentation/breadcrumb" active> 69 Breadcrumb 70 </b-breadcrumb-item> 71 </b-breadcrumb> 72 <!-- Bullet --> 73 <b-breadcrumb separator="has-bullet-separator"> 74 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 75 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 76 <b-breadcrumb-item href="/documentation/breadcrumb" active> 77 Breadcrumb 78 </b-breadcrumb-item> 79 </b-breadcrumb> 80 <!-- Dot --> 81 <b-breadcrumb separator="has-dot-separator"> 82 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 83 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 84 <b-breadcrumb-item href="/documentation/breadcrumb" active> 85 Breadcrumb 86 </b-breadcrumb-item> 87 </b-breadcrumb> 88 <!-- Succeeds --> 89 <b-breadcrumb separator="has-succeeds-separator"> 90 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 91 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 92 <b-breadcrumb-item href="/documentation/breadcrumb" active> 93 Breadcrumb 94 </b-breadcrumb-item> 95 </b-breadcrumb> 96 </section> 97</template> 98 99<script lang="ts"> 100import { defineComponent } from "vue"; 101import { BBreadcrumb, BBreadcrumbItem } from "buefy"; 102 103export default defineComponent({ 104 components: { 105 BBreadcrumb, 106 BBreadcrumbItem, 107 }, 108 name: "ExSeparators", 109}); 110<\/script> 111`,V=m({components:{BBreadcrumb:_,BBreadcrumbItem:h},name:"ExSizes"});function A(o,i,s,l,f,p){const t=c("b-breadcrumb-item"),n=c("b-breadcrumb");return d(),u("section",null,[e(n,{size:"is-small"},{default:r(()=>[e(t,{tag:"router-link",to:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{tag:"router-link",to:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{tag:"router-link",to:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{size:"is-medium"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1}),e(n,{size:"is-large"},{default:r(()=>[e(t,{href:"/"},{default:r(()=>[a("Home")]),_:1}),e(t,{href:"/documentation"},{default:r(()=>[a("Docs")]),_:1}),e(t,{href:"/documentation/breadcrumb",active:""},{default:r(()=>[a(" Breadcrumb ")]),_:1})]),_:1})])}const F=b(V,[["render",A]]),L=`<template> 112 <section> 113 <!-- Left --> 114 <b-breadcrumb size="is-small"> 115 <b-breadcrumb-item tag="router-link" to="/">Home</b-breadcrumb-item> 116 <b-breadcrumb-item tag="router-link" to="/documentation" 117 >Docs</b-breadcrumb-item 118 > 119 <b-breadcrumb-item 120 tag="router-link" 121 to="/documentation/breadcrumb" 122 active 123 > 124 Breadcrumb 125 </b-breadcrumb-item> 126 </b-breadcrumb> 127 <!-- Center --> 128 <b-breadcrumb size="is-medium"> 129 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 130 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 131 <b-breadcrumb-item href="/documentation/breadcrumb" active> 132 Breadcrumb 133 </b-breadcrumb-item> 134 </b-breadcrumb> 135 <!-- Right --> 136 <b-breadcrumb size="is-large"> 137 <b-breadcrumb-item href="/">Home</b-breadcrumb-item> 138 <b-breadcrumb-item href="/documentation">Docs</b-breadcrumb-item> 139 <b-breadcrumb-item href="/documentation/breadcrumb" active> 140 Breadcrumb 141 </b-breadcrumb-item> 142 </b-breadcrumb> 143 </section> 144</template> 145 146<script lang="ts"> 147import { defineComponent } from "vue"; 148import { BBreadcrumb, BBreadcrumbItem } from "buefy"; 149 150export default defineComponent({ 151 components: { 152 BBreadcrumb, 153 BBreadcrumbItem, 154 }, 155 name: "ExSizes", 156}); 157<\/script> 158`,N=m({name:"Breadcrumb",components:{ApiView:D,Example:v,VariablesView:g},data(){return{api:$,variables:x,...k({ExAlignments:C,ExSeparators:y,ExSizes:F}
vendor: 672 bytes, line 158
158),ExAlignmentsCode:S,ExSeparatorsCode:I,ExSizesCode:L}}});function R(o,i,s,l,f,p){const t=c("Example"),n=c("ApiView"),B=c("VariablesView");return d(),u("section",null,[e(t,{component:o.ExAlignments,code:o.ExAlignmentsCode,title:"Alignments"},null,8,["component","code"]),e(t,{component:o.ExSeparators,code:o.ExSeparatorsCode,title:"Separators"},null,8,["component","code"]),e(t,{component:o.ExSizes,code:o.ExSizesCode,title:"Sizes"},null,8,["component","code"]),e(n,{data:o.api},null,8,["data"]),e(B,{data:o.variables,link:"https://bulma.io/documentation/components/breadcrumb/#sass-and-css-variables"},null,8,["data"])])}const O=b(N,[["render",R]]);export{O as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.