ActiveLink Component

[agubler]

Enhancement

An ActiveLink component that applies one of more classes when the target outlet is matched in the current route.

render() {
    return v('div', [
        w(ActiveLink, { 
            to: 'foo', 
            activeClasses: [ 'fooActive' ] 
        }, [ 'Label' ]), // applies class when `foo` outlet is matched
        w(ActiveLink, { 
            to: 'bar', 
            activeClasses: [ 'barActive' ] 
        }, [ 'Label' ])  // applies class when `bar` outlet is matched
    ]);
}