<:import src="base.htm" /> <:define tag="bs-navbar:nav" // parameters :extra=${null} // extra classes for this instance :items=${[ { name: 'Home', link: '#', active: true }, { name: 'Features', link: '#' }, { name: 'Pricing', link: '#' }, ]} :brand=${'#'} :expand=${'lg'} :container=${'container'} // 'container' | 'container-fluid' | ... :sticky=${false} :fixed=${false} :theme=${null} // 'light' | 'dark' — independent of the page :bg=${'body-tertiary'} // private :_id=${`bs-navbar-${$id}`} :_class=${[ 'navbar', expand ? `navbar-expand-${expand}` : '', bg ? `bg-${bg}` : '', extra, ].filter(s => s).join(' ')} class=${_class} :class-sticky-top=${sticky} :class-fixed-top=${fixed} data-bs-theme=${theme} >
<:slot />