[{"data":1,"prerenderedAt":374},["ShallowReactive",2],{"\u002Fdesign-system\u002Fdevelop\u002Fsdp-support":3,"navigation-design-system":47},{"id":4,"title":5,"body":6,"content":37,"description":38,"extension":39,"icon":37,"label":37,"layout":40,"links":37,"meta":41,"navigation":42,"path":43,"published":42,"seo":44,"stem":45,"__hash__":46},"content\u002Fdesign-system\u002F3.develop\u002F5.sdp-support.md","Support for SDP developers",{"type":7,"value":8,"toc":33},"minimark",[9,13,16],[10,11,12],"p",{},"This documentation site covers usage of the ripple design system and vue component library. If you are developing a site on the Single Digital Presence (SDP) platform, there is a lot that is not covered here.",[10,14,15],{},"To get support for developing SDP\u002FTide applications, see the options below.",[17,18,19,23],"ul",{},[20,21,22],"li",{},"View the SDP Developer Documentation in the SDP Confluence",[20,24,25,26],{},"log a request through our ",[27,28,32],"a",{"href":29,"rel":30},"https:\u002F\u002Fdigital-vic.atlassian.net\u002Fservicedesk\u002Fcustomer\u002Fportals",[31],"nofollow","helpdesk",{"title":34,"searchDepth":35,"depth":35,"links":36},"",2,[],null,"Information for developers using Ripple on the SDP platform","md","page",{},true,"\u002Fdesign-system\u002Fdevelop\u002Fsdp-support",{"title":5,"description":38},"design-system\u002F3.develop\u002F5.sdp-support","C2GcnKoyBHHA-hbsARdI3BwHv7ZxCx_b6cwc7EoAPlk",{"title":48,"path":49,"stem":50,"children":51,"page":73},"Design System","\u002Fdesign-system","design-system",[52,74,95,132,177],{"title":53,"path":54,"stem":55,"children":56,"page":73},"About","\u002Fdesign-system\u002Fabout","design-system\u002F1.about",[57,61,65,69],{"title":58,"path":59,"stem":60},"What is Ripple?","\u002Fdesign-system\u002Fabout\u002Fwhat-is-ripple","design-system\u002F1.about\u002F1.what-is-ripple",{"title":62,"path":63,"stem":64},"Who's it for?","\u002Fdesign-system\u002Fabout\u002Fwhos-it-for","design-system\u002F1.about\u002F2.whos-it-for",{"title":66,"path":67,"stem":68},"Support","\u002Fdesign-system\u002Fabout\u002Fgetting-support","design-system\u002F1.about\u002F3.getting-support",{"title":70,"path":71,"stem":72},"Contributing","\u002Fdesign-system\u002Fabout\u002Fcontributing","design-system\u002F1.about\u002F4.contributing",false,{"title":75,"path":76,"stem":77,"children":78,"page":73},"Design","\u002Fdesign-system\u002Fdesign","design-system\u002F2.design",[79,83,87,91],{"title":80,"path":81,"stem":82},"Getting started","\u002Fdesign-system\u002Fdesign\u002Fgetting-started","design-system\u002F2.design\u002F1.getting-started",{"title":84,"path":85,"stem":86},"Our design principles","\u002Fdesign-system\u002Fdesign\u002Four-design-principles","design-system\u002F2.design\u002F2.our-design-principles",{"title":88,"path":89,"stem":90},"Design tokens","\u002Fdesign-system\u002Fdesign\u002Fdesign-tokens","design-system\u002F2.design\u002F3.design-tokens",{"title":92,"path":93,"stem":94},"Theming guidance for designers","\u002Fdesign-system\u002Fdesign\u002Ftheming-guidance-for-designers","design-system\u002F2.design\u002F4.theming-guidance-for-designers",{"title":96,"path":97,"stem":98,"children":99,"page":73},"Develop","\u002Fdesign-system\u002Fdevelop","design-system\u002F3.develop",[100,103,106,110,131],{"title":80,"path":101,"stem":102},"\u002Fdesign-system\u002Fdevelop\u002Fgetting-started","design-system\u002F3.develop\u002F1.getting-started",{"title":70,"path":104,"stem":105},"\u002Fdesign-system\u002Fdevelop\u002Fcontributing","design-system\u002F3.develop\u002F2.contributing",{"title":107,"path":108,"stem":109},"Theme and brand application","\u002Fdesign-system\u002Fdevelop\u002Ftheming","design-system\u002F3.develop\u002F3.theming",{"title":111,"path":112,"stem":113,"children":114},"Usage","\u002Fdesign-system\u002Fdevelop\u002Fusage","design-system\u002F3.develop\u002F4.usage",[115,119,123,127],{"title":116,"path":117,"stem":118},"Access to Github Packages","\u002Fdesign-system\u002Fdevelop\u002Fusage\u002Faccess-to-github-packages","design-system\u002F3.develop\u002F4.usage\u002F1.access-to-github-packages",{"title":120,"path":121,"stem":122},"Vue","\u002Fdesign-system\u002Fdevelop\u002Fusage\u002Fvue","design-system\u002F3.develop\u002F4.usage\u002F2.vue",{"title":124,"path":125,"stem":126},"Nuxt","\u002Fdesign-system\u002Fdevelop\u002Fusage\u002Fnuxt","design-system\u002F3.develop\u002F4.usage\u002F3.nuxt",{"title":128,"path":129,"stem":130},"Styles only","\u002Fdesign-system\u002Fdevelop\u002Fusage\u002Fcss-only","design-system\u002F3.develop\u002F4.usage\u002F5.css-only",{"title":5,"path":43,"stem":45},{"title":133,"path":134,"stem":135,"children":136,"page":73},"Styles","\u002Fdesign-system\u002Fstyles","design-system\u002F4.styles",[137,141,145,149,153,157,161,165,169,173],{"title":138,"path":139,"stem":140},"Colour","\u002Fdesign-system\u002Fstyles\u002Fcolour","design-system\u002F4.styles\u002Fcolour",{"title":142,"path":143,"stem":144},"Focus state","\u002Fdesign-system\u002Fstyles\u002Ffocus-state","design-system\u002F4.styles\u002Ffocus-state",{"title":146,"path":147,"stem":148},"Grid","\u002Fdesign-system\u002Fstyles\u002Fgrid","design-system\u002F4.styles\u002Fgrid",{"title":150,"path":151,"stem":152},"Icons","\u002Fdesign-system\u002Fstyles\u002Ficons","design-system\u002F4.styles\u002Ficons",{"title":154,"path":155,"stem":156},"Layer styles","\u002Fdesign-system\u002Fstyles\u002Flayer-styles","design-system\u002F4.styles\u002Flayer-styles",{"title":158,"path":159,"stem":160},"Layout","\u002Fdesign-system\u002Fstyles\u002Flayout","design-system\u002F4.styles\u002Flayout",{"title":162,"path":163,"stem":164},"Logo","\u002Fdesign-system\u002Fstyles\u002Flogo","design-system\u002F4.styles\u002Flogo",{"title":166,"path":167,"stem":168},"Motion","\u002Fdesign-system\u002Fstyles\u002Fmotion","design-system\u002F4.styles\u002Fmotion",{"title":170,"path":171,"stem":172},"Spacing","\u002Fdesign-system\u002Fstyles\u002Fspacing","design-system\u002F4.styles\u002Fspacing",{"title":174,"path":175,"stem":176},"Typography","\u002Fdesign-system\u002Fstyles\u002Ftypography","design-system\u002F4.styles\u002Ftypography",{"title":178,"path":179,"stem":180,"children":181,"page":73},"Components","\u002Fdesign-system\u002Fcomponents","design-system\u002F5.components",[182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370],{"title":183,"path":184,"stem":185},"Accordion","\u002Fdesign-system\u002Fcomponents\u002Faccordion","design-system\u002F5.components\u002Faccordion",{"title":187,"path":188,"stem":189},"Acknowledgement","\u002Fdesign-system\u002Fcomponents\u002Facknowledgment","design-system\u002F5.components\u002Facknowledgment",{"title":191,"path":192,"stem":193},"Alert","\u002Fdesign-system\u002Fcomponents\u002Falert","design-system\u002F5.components\u002Falert",{"title":195,"path":196,"stem":197},"Block quote","\u002Fdesign-system\u002Fcomponents\u002Fblock-quote","design-system\u002F5.components\u002Fblock-quote",{"title":199,"path":200,"stem":201},"Breadcrumb","\u002Fdesign-system\u002Fcomponents\u002Fbreadcrumb","design-system\u002F5.components\u002Fbreadcrumb",{"title":203,"path":204,"stem":205},"Button","\u002Fdesign-system\u002Fcomponents\u002Fbutton","design-system\u002F5.components\u002Fbutton",{"title":207,"path":208,"stem":209},"Call to action","\u002Fdesign-system\u002Fcomponents\u002Fcall-to-action","design-system\u002F5.components\u002Fcall-to-action",{"title":211,"path":212,"stem":213},"Callout","\u002Fdesign-system\u002Fcomponents\u002Fcallout","design-system\u002F5.components\u002Fcallout",{"title":215,"path":216,"stem":217},"Campaign banner","\u002Fdesign-system\u002Fcomponents\u002Fcampaign-banner","design-system\u002F5.components\u002Fcampaign-banner",{"title":219,"path":220,"stem":221},"Card","\u002Fdesign-system\u002Fcomponents\u002Fcard","design-system\u002F5.components\u002Fcard",{"title":223,"path":224,"stem":225},"Carousel","\u002Fdesign-system\u002Fcomponents\u002Fcarousel","design-system\u002F5.components\u002Fcarousel",{"title":227,"path":228,"stem":229},"Category grid","\u002Fdesign-system\u002Fcomponents\u002Fcategory-grid","design-system\u002F5.components\u002Fcategory-grid",{"title":231,"path":232,"stem":233},"Checkbox","\u002Fdesign-system\u002Fcomponents\u002Fcheckbox","design-system\u002F5.components\u002Fcheckbox",{"title":235,"path":236,"stem":237},"Chip","\u002Fdesign-system\u002Fcomponents\u002Fchip","design-system\u002F5.components\u002Fchip",{"title":239,"path":240,"stem":241},"Contact us","\u002Fdesign-system\u002Fcomponents\u002Fcontact-us","design-system\u002F5.components\u002Fcontact-us",{"title":243,"path":244,"stem":245},"Date input","\u002Fdesign-system\u002Fcomponents\u002Fdate-input","design-system\u002F5.components\u002Fdate-input",{"title":247,"path":248,"stem":249},"Detail list","\u002Fdesign-system\u002Fcomponents\u002Fdetail-list","design-system\u002F5.components\u002Fdetail-list",{"title":251,"path":252,"stem":253},"Dropdown","\u002Fdesign-system\u002Fcomponents\u002Fdropdown","design-system\u002F5.components\u002Fdropdown",{"title":255,"path":256,"stem":257},"File","\u002Fdesign-system\u002Fcomponents\u002Ffile","design-system\u002F5.components\u002Ffile",{"title":259,"path":260,"stem":261},"Footer","\u002Fdesign-system\u002Fcomponents\u002Ffooter","design-system\u002F5.components\u002Ffooter",{"title":263,"path":264,"stem":265},"Form","\u002Fdesign-system\u002Fcomponents\u002Fform","design-system\u002F5.components\u002Fform",{"title":267,"path":268,"stem":269},"Form alert","\u002Fdesign-system\u002Fcomponents\u002Fform-alert","design-system\u002F5.components\u002Fform-alert",{"title":271,"path":272,"stem":273},"Header","\u002Fdesign-system\u002Fcomponents\u002Fheader","design-system\u002F5.components\u002Fheader",{"title":275,"path":276,"stem":277},"In-page navigation","\u002Fdesign-system\u002Fcomponents\u002Fin-page-navigation","design-system\u002F5.components\u002Fin-page-navigation",{"title":279,"path":280,"stem":281},"Input field","\u002Fdesign-system\u002Fcomponents\u002Finput-field","design-system\u002F5.components\u002Finput-field",{"title":283,"path":284,"stem":285},"Key dates","\u002Fdesign-system\u002Fcomponents\u002Fkey-dates","design-system\u002F5.components\u002Fkey-dates",{"title":287,"path":288,"stem":289},"Media","\u002Fdesign-system\u002Fcomponents\u002Fmedia","design-system\u002F5.components\u002Fmedia",{"title":291,"path":292,"stem":293},"Media embed","\u002Fdesign-system\u002Fcomponents\u002Fmedia-embed","design-system\u002F5.components\u002Fmedia-embed",{"title":295,"path":296,"stem":297},"Media fullscreen","\u002Fdesign-system\u002Fcomponents\u002Fmedia-fullscreen","design-system\u002F5.components\u002Fmedia-fullscreen",{"title":299,"path":300,"stem":301},"Media gallery","\u002Fdesign-system\u002Fcomponents\u002Fmedia-gallery","design-system\u002F5.components\u002Fmedia-gallery",{"title":303,"path":304,"stem":305},"Option button","\u002Fdesign-system\u002Fcomponents\u002Foption-button","design-system\u002F5.components\u002Foption-button",{"title":307,"path":308,"stem":309},"Page action","\u002Fdesign-system\u002Fcomponents\u002Fpage-action","design-system\u002F5.components\u002Fpage-action",{"title":311,"path":312,"stem":313},"Pagination","\u002Fdesign-system\u002Fcomponents\u002Fpagination","design-system\u002F5.components\u002Fpagination",{"title":315,"path":316,"stem":317},"Primary navigation","\u002Fdesign-system\u002Fcomponents\u002Fprimary-navigation","design-system\u002F5.components\u002Fprimary-navigation",{"title":319,"path":320,"stem":321},"Profile","\u002Fdesign-system\u002Fcomponents\u002Fprofile","design-system\u002F5.components\u002Fprofile",{"title":323,"path":324,"stem":325},"Radio button","\u002Fdesign-system\u002Fcomponents\u002Fradio-button","design-system\u002F5.components\u002Fradio-button",{"title":327,"path":328,"stem":329},"Related links","\u002Fdesign-system\u002Fcomponents\u002Frelated-links","design-system\u002F5.components\u002Frelated-links",{"title":331,"path":332,"stem":333},"Results listing","\u002Fdesign-system\u002Fcomponents\u002Fresults-listing","design-system\u002F5.components\u002Fresults-listing",{"title":335,"path":336,"stem":337},"Search bar","\u002Fdesign-system\u002Fcomponents\u002Fsearch-bar","design-system\u002F5.components\u002Fsearch-bar",{"title":339,"path":340,"stem":341},"Skip link","\u002Fdesign-system\u002Fcomponents\u002Fskip-link","design-system\u002F5.components\u002Fskip-link",{"title":343,"path":344,"stem":345},"Social share","\u002Fdesign-system\u002Fcomponents\u002Fsocial-share","design-system\u002F5.components\u002Fsocial-share",{"title":347,"path":348,"stem":349},"Statistics grid","\u002Fdesign-system\u002Fcomponents\u002Fstatistics-grid","design-system\u002F5.components\u002Fstatistics-grid",{"title":351,"path":352,"stem":353},"Table","\u002Fdesign-system\u002Fcomponents\u002Ftable","design-system\u002F5.components\u002Ftable",{"title":355,"path":356,"stem":357},"Tabs","\u002Fdesign-system\u002Fcomponents\u002Ftabs","design-system\u002F5.components\u002Ftabs",{"title":359,"path":360,"stem":361},"Tag","\u002Fdesign-system\u002Fcomponents\u002Ftag","design-system\u002F5.components\u002Ftag",{"title":363,"path":364,"stem":365},"Text area","\u002Fdesign-system\u002Fcomponents\u002Ftext-area","design-system\u002F5.components\u002Ftext-area",{"title":367,"path":368,"stem":369},"Timeline","\u002Fdesign-system\u002Fcomponents\u002Ftimeline","design-system\u002F5.components\u002Ftimeline",{"title":371,"path":372,"stem":373},"Vertical navigation","\u002Fdesign-system\u002Fcomponents\u002Fvertical-navigation","design-system\u002F5.components\u002Fvertical-navigation",1783383107990]