Skip to content

Latest commit

 

History

History
36 lines (28 loc) · 1004 Bytes

README.md

File metadata and controls

36 lines (28 loc) · 1004 Bytes

Navbar

The navbar is a basic element container that will align the elements horizontally within the container. It utilizes display: flex; and expects that its direct children will take advantage of the flexbox model to place themselves.

Import

  1. Import the DaffNavbarModule from @daffodil/design inside of your AppModule;
import { DaffNavbarModule } from '@daffodil/design';
  1. Add the DaffNavbarModule to your imports array inside of your AppModule.
@NgModule({
  declarations: [
  ],
  imports: [
    DaffNavbarModule,
  ]
})

Theming

The color of a navbar can be changed by using the color property. By default, the navbar uses the base color of the theme. This can be changed to one of the supported colors.

  • Supported colors: primary | secondary | tertiary | black | white

Usage

<daff-navbar> is the template used for the navbar.

Basic Usage Example

<daff-navbar>
  <button>Button</button>
</daff-navbar>