routes.json

{
    "/": {
        "title": "Buefy: lightweight UI components for Vue.js based on Bulma",
        "subtitle": "Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.",
        "breadTitle": "Home",
        "path": "/"
    },
    "notfound": {
        "title": "Page not found",
        "subtitle": "Sorry, we couldn’t find the page you were looking for",
        "path": "/notfound"
    },
    "documentation": {
        "title": "Documentation",
        "subtitle": "Learn everything you need to start using Buefy",
        "path": "/documentation",
        "githubPath": "pages/Documentation.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation"
        ]
    },
    "documentation/start": {
        "title": "Start",
        "subtitle": "<strong>Three ways</strong> to install and use Buefy",
        "path": "/documentation/start",
        "githubPath": "pages/installation/Start.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/start"
        ]
    },
    "documentation/customization": {
        "title": "Customization",
        "subtitle": "If you're familiar with <a href='http://sass-lang.com' target='_blank'>Sass</a> and want to <strong>customize</strong> Buefy with your own theme, follow these steps",
        "path": "/documentation/customization",
        "githubPath": "pages/installation/Customization.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/customization"
        ]
    },
    "documentation/constructor-options": {
        "title": "Constructor options",
        "subtitle": "These are global default options, which are set on Buefy initialization",
        "path": "/documentation/constructor-options",
        "githubPath": "pages/installation/ConstructorOptions.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/constructor-options"
        ]
    },
    "documentation/layout": {
        "title": "Layout & elements",
        "subtitle": "Buefy has the entire Bulma's core <b>built in</b>. You can use any feature from Bulma, plus all the components Buefy offers",
        "path": "/documentation/layout",
        "githubPath": "pages/Layout.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/layout"
        ]
    },
    "documentation/collapse": {
        "title": "Collapse",
        "subtitle": "Collapse is a easy way to toggle what you want",
        "path": "/documentation/collapse",
        "githubPath": "pages/components/collapse/Collapse.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/collapse"
        ]
    },
    "documentation/dialog": {
        "title": "Dialog",
        "subtitle": "Dialogs inform users about a specific task and may contain critical information or require decisions",
        "path": "/documentation/dialog",
        "githubPath": "pages/components/dialog/Dialog.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/dialog"
        ]
    },
    "documentation/dropdown": {
        "title": "Dropdown",
        "subtitle": "Dropdowns are very versatile, can used as a quick menu or even like a select for discoverable content",
        "path": "/documentation/dropdown",
        "githubPath": "pages/components/dropdown/Dropdown.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/dropdown"
        ],
        "isUpdated": true
    },
    "documentation/icon": {
        "title": "Icon",
        "subtitle": "Icons take an important role of any application",
        "path": "/documentation/icon",
        "githubPath": "pages/components/icon/Icon.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/icon"
        ]
    },
    "documentation/tooltip": {
        "title": "Tooltip",
        "subtitle": "Display a brief helper text to your user",
        "path": "/documentation/tooltip",
        "githubPath": "pages/components/tooltip/Tooltip.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/tooltip"
        ]
    },
    "documentation/modal": {
        "title": "Modal",
        "subtitle": "Classic modal overlay to include any content you may need",
        "path": "/documentation/modal",
        "githubPath": "pages/components/modal/Modal.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/modal"
        ]
    },
    "documentation/navbar": {
        "title": "Navbar",
        "subtitle": "A responsive horizontal navbar that can support images, links, buttons, and dropdowns",
        "path": "/documentation/navbar",
        "githubPath": "pages/components/navbar/Navbar.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/navbar"
        ]
    },
    "documentation/tabs": {
        "title": "Tabs",
        "subtitle": "Responsive horizontal navigation tabs, switch between contents with ease",
        "path": "/documentation/tabs",
        "githubPath": "pages/components/tabs/Tabs.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/tabs"
        ]
    },
    "documentation/tag": {
        "title": "Tag",
        "subtitle": "Tag labels to insert anywhere",
        "path": "/documentation/tag",
        "githubPath": "pages/components/tag/Tag.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/tag"
        ]
    },
    "documentation/toast": {
        "title": "Toast",
        "subtitle": "Toasts are simple text messages to inform the user",
        "path": "/documentation/toast",
        "githubPath": "pages/components/toast/Toast.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/toast"
        ]
    },
    "documentation/snackbar": {
        "title": "Snackbar",
        "subtitle": "When a Dialog seems a bit overkill for the task, Snackbars are good candidates",
        "path": "/documentation/snackbar",
        "githubPath": "pages/components/snackbar/Snackbar.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/snackbar"
        ]
    },
    "documentation/notification": {
        "title": "Notification",
        "subtitle": "Bold notification blocks to alert your users of something",
        "path": "/documentation/notification",
        "githubPath": "pages/components/notification/Notification.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/notification"
        ]
    },
    "documentation/message": {
        "title": "Message",
        "subtitle": "Colored message blocks, to draw attention of your user",
        "path": "/documentation/message",
        "githubPath": "pages/components/message/Message.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/message"
        ]
    },
    "documentation/loading": {
        "title": "Loading",
        "subtitle": "A simple loading overlay",
        "path": "/documentation/loading",
        "githubPath": "pages/components/loading/Loading.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/loading"
        ],
        "isUpdated": true
    },
    "documentation/field": {
        "title": "Field",
        "subtitle": "Fields are used to add functionality to controls and to attach/group components and elements together",
        "path": "/documentation/field",
        "githubPath": "pages/components/field/Field.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/field"
        ]
    },
    "documentation/input": {
        "title": "Input",
        "subtitle": "Get user Input. Use with <strong>Field</strong> to access all functionalities",
        "path": "/documentation/input",
        "githubPath": "pages/components/input/Input.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/input"
        ],
        "isUpdated": true
    },
    "documentation/select": {
        "title": "Select",
        "subtitle": "Select an item in a dropdown list. Use with <strong>Field</strong> to access all functionalities",
        "path": "/documentation/select",
        "githubPath": "pages/components/select/Select.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/select"
        ]
    },
    "documentation/autocomplete": {
        "title": "Autocomplete",
        "subtitle": "Extended input that provide suggestions while the user types. Use with <strong>Field</strong> to access all functionalities",
        "path": "/documentation/autocomplete",
        "githubPath": "pages/components/autocomplete/Autocomplete.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/autocomplete"
        ]
    },
    "documentation/checkbox": {
        "title": "Checkbox",
        "subtitle": "Select a single or grouped options",
        "path": "/documentation/checkbox",
        "githubPath": "pages/components/checkbox/Checkbox.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/checkbox"
        ]
    },
    "documentation/radio": {
        "title": "Radio",
        "subtitle": "Select an option from a set",
        "path": "/documentation/radio",
        "githubPath": "pages/components/radio/Radio.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/radio"
        ]
    },
    "documentation/switch": {
        "title": "Switch",
        "subtitle": "Switch between two opposing states",
        "path": "/documentation/switch",
        "githubPath": "pages/components/switch/Switch.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/switch"
        ]
    },
    "documentation/datepicker": {
        "title": "Datepicker",
        "subtitle": "An input with a simple dropdown/modal for selecting a date, uses native datepicker for mobile",
        "path": "/documentation/datepicker",
        "githubPath": "pages/components/datepicker/Datepicker.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/datepicker"
        ]
    },
    "documentation/timepicker": {
        "title": "Timepicker",
        "subtitle": "An input with a simple dropdown/modal for selecting a time, uses native timepicker for mobile",
        "path": "/documentation/timepicker",
        "githubPath": "pages/components/timepicker/Timepicker.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/timepicker"
        ],
        "isUpdated": true
    },
    "documentation/clockpicker": {
        "title": "Clockpicker",
        "subtitle": "An input with a dropdown/modal clock interface for selecting a time, uses native timepicker for mobile",
        "path": "/documentation/clockpicker",
        "githubPath": "pages/components/clockpicker/Clockpicker.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/clockpicker"
        ]
    },
    "documentation/datetimepicker": {
        "title": "Datetimepicker",
        "subtitle": "An input with a simple dropdown/modal for selecting a date and time, uses native datetimepicker for mobile",
        "path": "/documentation/datetimepicker",
        "githubPath": "pages/components/datetimepicker/Datetimepicker.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/datetimepicker"
        ],
        "isUpdated": true
    },
    "documentation/taginput": {
        "title": "Taginput",
        "subtitle": "A simple tag input field that can have autocomplete functionality",
        "path": "/documentation/taginput",
        "githubPath": "pages/components/taginput/Taginput.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/taginput"
        ]
    },
    "documentation/upload": {
        "title": "Upload",
        "subtitle": "Upload one or more files",
        "path": "/documentation/upload",
        "githubPath": "pages/components/upload/Upload.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/upload"
        ]
    },
    "documentation/table": {
        "title": "Table",
        "subtitle": "Tabulated data are sometimes needed, it's even better when it's <strong>responsive</strong>",
        "path": "/documentation/table",
        "githubPath": "pages/components/table/Table.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/table"
        ],
        "isUpdated": true
    },
    "documentation/pagination": {
        "title": "Pagination",
        "subtitle": "A responsive and flexible pagination",
        "path": "/documentation/pagination",
        "githubPath": "pages/components/pagination/Pagination.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/pagination"
        ]
    },
    "documentation/button": {
        "title": "Button",
        "subtitle": "The classic button, in different colors, sizes, and states",
        "path": "/documentation/button",
        "githubPath": "pages/components/button/Button.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/button"
        ]
    },
    "documentation/numberinput": {
        "title": "Numberinput",
        "subtitle": "A simple number input with controls",
        "path": "/documentation/numberinput",
        "githubPath": "pages/components/numberinput/Numberinput.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/numberinput"
        ],
        "isUpdated": true
    },
    "documentation/steps": {
        "title": "Steps",
        "subtitle": "Responsive horizontal process steps",
        "path": "/documentation/steps",
        "githubPath": "pages/components/steps/Steps.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/steps"
        ]
    },
    "documentation/menu": {
        "title": "Menu",
        "subtitle": "A simple vertical menu",
        "path": "/documentation/menu",
        "githubPath": "pages/components/menu/Menu.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/menu"
        ],
        "isUpdated": true
    },
     "documentation/slider": {
        "title": "Slider",
        "subtitle": "A slider to select a value or range from a given range",
        "path": "/documentation/slider",
        "githubPath": "pages/components/slider/Slider.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/slider"
        ]
    },
    "documentation/progress": {
        "title": "Progress",
        "subtitle": "Wrapper around Bulma / Native HTML progress bars",
        "path": "/documentation/progress",
        "githubPath": "pages/components/progress/Progress.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/progress"
        ]
    },
    "documentation/carousel": {
        "title": "Carousel",
        "subtitle": "A Slideshow for cycling images in confined spaces",
        "path": "/documentation/carousel",
        "githubPath": "pages/components/carousel/Carousel.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/carousel"
        ],
        "isNew": true
    },
    "documentation/rate": {
        "title": "Rate",
        "subtitle": "A quick rating operation on something",
        "path": "/documentation/rate",
        "githubPath": "pages/components/rate/Rate.vue",
        "menu": "documentation",
        "breadcrumb": [
            "/",
            "documentation",
            "documentation/rate"
        ]
    },
    "extensions": {
        "title": "Extensions",
        "subtitle": "See how you can improve Buefy with other packages",
        "path": "/extensions",
        "githubPath": "pages/Extensions.vue",
        "menu": "extensions",
        "breadcrumb": [
            "/",
            "extensions"
        ]
    },
    "extensions/cleavejs": {
        "title": "Cleavejs",
        "subtitle": "Format input text while you type — as a Vue directive",
        "path": "/extensions/cleavejs",
        "githubPath": "pages/extensions/cleavejs/Cleavejs.vue",
        "menu": "extensions",
        "breadcrumb": [
            "/",
            "extensions",
            "extensions/cleavejs"
        ]
    },
    "extensions/sortablejs": {
        "title": "Sortablejs",
        "subtitle": "Sort a table — as a Vue directive",
        "path": "/extensions/sortablejs",
        "githubPath": "pages/extensions/sortablejs/Sortablejs.vue",
        "menu": "extensions",
        "breadcrumb": [
            "/",
            "extensions",
            "extensions/sortablejs"
        ]
    },
    "extensions/veevalidate": {
        "title": "VeeValidate",
        "subtitle": "Validate input and show error messages",
        "path": "/extensions/veevalidate",
        "githubPath": "pages/extensions/veevalidate/VeeValidate.vue",
        "menu": "extensions",
        "breadcrumb": [
            "/",
            "extensions",
            "extensions/veevalidate"
        ]
    },
    "expo": {
        "title": "Expo",
        "subtitle": "See how devs are using Buefy to create beautiful websites and apps!",
        "path": "/expo",
        "githubPath": "pages/Expo.vue",
        "menu": "expo",
        "breadcrumb": [
            "/",
            "expo"
        ],
        "hideSidebar": true
    }
}