quasar/dist/api/QBreadcrumbs.json

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/breadcrumbs"},"props":{"separator":{"type":"String","desc":"The string used to separate the breadcrumbs","default":"'/'","examples":["'-'","'|'","'>'"],"category":"content","required":false},"active-color":{"type":"String","tsType":"NamedColor","desc":"The color of the active breadcrumb, which can be any color from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"gutter":{"type":"String","desc":"The gutter value allows you control over the space between the breadcrumb elements.","default":"'sm'","values":["'none'","'xs'","'sm'","'md'","'lg'","'xl'"],"category":"content","required":false},"separator-color":{"type":"String","tsType":"NamedColor","desc":"The color used to color the separator, which can be any color from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"align":{"type":"String","desc":"Specify how to align the breadcrumbs horizontally","values":["'left'","'center'","'right'","'between'","'around'","'evenly'"],"default":"'left'","category":"content","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"separator":{"desc":"HTML or component you can slot in to separate the breadcrumbs"}}}