View Source Phoenix.WebComponent.TopAppBar (Phoenix.WebComponent v1.1.1)
Conveniences for create top app bar.
Link to this section Summary
Functions
Generates a top app bar.
Link to this section Functions
Generates a top app bar.
Examples
wc_link("hello", to: "/world")
#=> <a href="/world"><mwc-button>hello</mwc-button></a>
Options
Slots
Name | Description | |
---- | ----------- | |
actionItems | A number of <mwc-icon-button> elements to use for action icons on the right side. NOTE: If using with mwc-drawer , please read note under Standard drawer example. | |
navigationIcon | One <mwc-icon-button> element to use for the left icon. | |
title | A <div> or <span> that will be used as the title text. | |
default | Scrollable content to display under the bar. This may be the entire application. |
Properties/Attributes
Name | Type | Default | Description | |
---- | ---- | ------- | ----------- | |
centerTitle | boolean | false | Centers the title horizontally. Only meant to be used with 0 or 1 actionItems . | |
dense | boolean | false | Makes the bar a little smaller for higher density applications. | |
prominent | boolean | false | Makes the bar much taller, can be combined with dense . |
| scrollTarget
| HTMLElement
| Window
| window
| Element used to listen for scroll
events.