NAME

Chandra::Nav - Navigation component (sidebar/topbar)

SYNOPSIS

use Chandra::Nav;

my $nav = Chandra::Nav->new(
    type  => 'sidebar',
    items => [
        { label => 'Dashboard', icon => "\x{1F4CA}", route => '/' },
        { label => 'Users',     icon => "\x{1F465}", route => '/users' },
        { separator => 1 },
        { label => 'Settings',  icon => "\x{2699}",  route => '/settings' },
    ],
    collapsible => 1,
);

$app->theme('dark');
$app->css(Chandra::Nav->css);
$app->set_content('<div style="display:flex;height:100vh;"><div id="nav"></div><div id="content" style="flex:1;padding:20px;"></div></div>');
$nav->mount($app, '#nav');

SEE ALSO

Chandra::Tabs, Chandra::Component, Chandra::App