USWDS-Vue

# Side Navigation

  • Build
    • Get Started
    • Settings
    • Deploy
  • Services
    • API's
    • Realtime Database
    • Storage
    • Functions
      • Sub-Page 1
      • Sub-Page 2
      • Sub-Page 3
  • Admin
    • Registry 
    <div class="mt-3 mb-3">
    <us-side-nav :links="menu"/>
</div>
    1
    2
    3
    export default {
    data() {
        return {
            selected: {},

            menu: [
                {name: 'Build', children: [
                    {name: 'Get Started', icon: 'fal fa-play'},
                    {name: 'Settings', icon: 'fal fa-cogs'},
                    {name: 'Deploy', icon: 'fal fa-chevron-circle-right'}
                ]},
                {name: 'Services', children: [
                    {name: 'API\'s', icon: 'fal fa-rocket-launch'},
                    {name: 'Realtime Database', icon: 'fal fa-database'},
                    {name: 'Storage', icon: 'fal fa-box-open'},
                    {name: 'Functions', icon: 'fal fa-function', children: [
                        {name: 'Sub-Page 1', icon: 'far fa-file-alt'},
                        {name: 'Sub-Page 2', icon: 'far fa-file-alt'},
                        {name: 'Sub-Page 3', icon: 'far fa-file-alt'}
                    ]}
                ]},                
                {name: 'Admin', children: [
                    {name: 'Registry', icon: 'fal fa-users'}
                ]},
            ]

        };
    }
}
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30

    ← Lists →