@ithaka/bonsai/documentation/routes.js

ITHAKA core styling

module.exports = [
    {key: "", title: "About Bonsai"},
    {key: "accessibility", title: "Accessibility"},
    {
        key: "setup",
        title: "Setup",
        routes: [
            {key: "basejs", title: "Base JavaScript"},
            {key: "new-social-sharing", title: "Social Sharing"},
            {key: "mediaquery", title: "Media Query"},
            {key: "sassvars", title: "SASS Variables"}
        ]
    },
    {
        key: "styles",
        title: "Styles",
        routes: [
            {key: "colors", title: "Colors"},
            {key: "typography", title: "Typography"}
        ]
    },
    {
        key: "components",
        title: "Components",
        routes: [
            {key: "accessible-notifications", title: "Accessible Notifications"},
            {key: "accordion-menu", title: "Accordion Menus"},
            {key: "badges", title: "Badges"},
            {key: "breadcrumbs", title: "Breadcrumbs"},
            {key: "button", title: "Buttons"},
            {key: "callout", title: "Callouts"},
            {key: "cards", title: "Cards"},
            {key: "close-button", title: "Close Button"},
            {key: "dropdowns", title: "Dropdowns"},
            {key: "dropdownmenu", title: "Dropdown Menu"},
            {
                key: "forms",
                title: "Forms",
                routes: [
                    {key: "forms-overview", title: "Forms Overview"},
                    {key: "option-sets", title: "Checkboxes & Radio Buttons"},
                    {key: "text-inputs", title: "Text Inputs"},
                    {key: "select", title: "Selects"},
                ]
            },
            {key: "fuzzy-search", title: "Fuzzy Search"},
            {key: "hero", title: "Hero"},
            {key: "icons", title: "Icons"},
            {key: "links", title: "Links"},
            {key: "lists", title: "Lists"},
            {key: "menu", title: "Menus"},
            {key: "media-object", title: "Media Object"},
            {key: "modal", title: "Modals"},
            {key: "off-canvas", title: "Off Canvas"},
            {key: "pagination", title: "Pagination"},
            {key: "separators", title: "Separators"},
            {key: "social-sharing", title: "Social Sharing"},
            {key: "sticky", title: "Sticky"},
            {key: "switch", title: "Switch"},
            {key: "tables", title: "Tables"},
            {key: "tabs", title: "Tabs"},
            {key: "text-editor", title: "Text Editor"},
            {key: "tooltip", title: "Tooltips"}
        ]
    },
    {
        key: "utilities",
        routes: [
            {
                key: "display-utilities",
                title: "Display Utilities"
            },
            {
                key: "utils",
                title: "Utilities"
            }
        ]
    },
    {
        key: "composites",
        routes: [
            {key: "global-navigation", title: "Global Navigation"}
        ]
    }
];