%7B%22id%22%3A%22top-app-bar-regular%22%2C%22artifact%22%3A%22lib%2Ftop-app-bar-regular%2Fdemo.js%22%2C%22contents%22%3A%22%60%60%60html%5Cn%3Cdiv%20class%3D%5C%22c-top-app-bar--dark%5C%22%3E%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__left%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__logo%5C%22%3E%5Cn%20%20%20%20%20%20%3Ci%20class%3D%5C%22material-icons%5C%22%3Earrow_back%3C%2Fi%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Ch1%20class%3D%5C%22c-top-app-bar__title%5C%22%3E%5Cn%20%20%20%20%20%20Foo%20Bar%5Cn%20%20%20%20%3C%2Fh1%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__actions%5C%22%3E%5Cn%20%20%20%20%20%20%3Cbutton%20class%3D%5C%22c-icon-button--light%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Eedit%3C%2Fi%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Earrow_drop_down%3C%2Fi%3E%5Cn%20%20%20%20%20%20%3C%2Fbutton%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__right%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications-container%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E3%3C%2Fp%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__profile-menu%20material-icons%5C%22%3Eaccount_circle%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%3C%2Fdiv%3E%5Cn%5Cn%3Cbr%3E%5Cn%5Cn%3Cdiv%20class%3D%5C%22c-top-app-bar--light%5C%22%3E%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__left%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__logo%5C%22%3E%5Cn%20%20%20%20%20%20%3Ci%20class%3D%5C%22material-icons%5C%22%3Earrow_back%3C%2Fi%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Ch1%20class%3D%5C%22c-top-app-bar__title%5C%22%3E%5Cn%20%20%20%20%20%20Foo%20Bar%5Cn%20%20%20%20%3C%2Fh1%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__actions%5C%22%3E%5Cn%20%20%20%20%20%20%3Cbutton%20class%3D%5C%22c-icon-button--dark%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Eedit%3C%2Fi%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Earrow_drop_down%3C%2Fi%3E%5Cn%20%20%20%20%20%20%3C%2Fbutton%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__right%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications-container%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E3%3C%2Fp%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__profile-menu%20material-icons%5C%22%3Eaccount_circle%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%3C%2Fdiv%3E%5Cn%5Cn%3Cbr%3E%5Cn%5Cn%3Cdiv%20class%3D%5C%22c-top-app-bar--dark%5C%22%3E%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__left%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__logo%5C%22%3E%5Cn%20%20%20%20%20%20%3Ci%20class%3D%5C%22material-icons%5C%22%3Earrow_back%3C%2Fi%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cinput%20class%3D%5C%22c-top-app-bar__title%5C%22%20value%3D%5C%22Foo%20Bar%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__actions%5C%22%3E%5Cn%20%20%20%20%20%20%3Cbutton%20class%3D%5C%22c-icon-button--light%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Eedit%3C%2Fi%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Earrow_drop_down%3C%2Fi%3E%5Cn%20%20%20%20%20%20%3C%2Fbutton%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__right%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications-container%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E3%3C%2Fp%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__profile-menu%20material-icons%5C%22%3Eaccount_circle%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%3C%2Fdiv%3E%5Cn%5Cn%3Cbr%3E%5Cn%5Cn%3Cdiv%20class%3D%5C%22c-top-app-bar--light%5C%22%3E%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__left%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__logo%5C%22%3E%5Cn%20%20%20%20%20%20%3Ci%20class%3D%5C%22material-icons%5C%22%3Earrow_back%3C%2Fi%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cinput%20class%3D%5C%22c-top-app-bar__title%5C%22%20value%3D%5C%22Foo%20Bar%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__actions%5C%22%3E%5Cn%20%20%20%20%20%20%3Cbutton%20class%3D%5C%22c-icon-button--dark%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Eedit%3C%2Fi%3E%5Cn%20%20%20%20%20%20%20%20%3Ci%20class%3D%5C%22c-icon-button__icon--dark%20material-icons%5C%22%3Earrow_drop_down%3C%2Fi%3E%5Cn%20%20%20%20%20%20%3C%2Fbutton%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%5Cn%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__right%5C%22%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__notifications-container%5C%22%3E%5Cn%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%3E3%3C%2Fp%3E%5Cn%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22c-top-app-bar__profile-menu%20material-icons%5C%22%3Eaccount_circle%3C%2Fdiv%3E%5Cn%20%20%3C%2Fdiv%3E%5Cn%3C%2Fdiv%3E%5Cn%5Cn%60%60%60%22%2C%22contentType%22%3A%22pattern%22%2C%22source%22%3A%22lib%2Ftop-app-bar-regular%2Fdemo.js%22%2C%22files%22%3A%5B%22lib%2Ftop-app-bar-regular%2Fdemo.html%22%2C%22lib%2Ftop-app-bar-regular%2Fdemo.js%22%2C%22lib%2Ftop-app-bar-regular%2Freadme.md%22%2C%22lib%2Ftop-app-bar-regular%2Fstyles.scss%22%5D%2C%22path%22%3A%22lib%2Ftop-app-bar-regular%2Fpackage.json%22%2C%22manifest%22%3A%7B%22displayName%22%3A%22Top%20App%20Bar%20(regular)%22%2C%22version%22%3A%221.0.0%22%2C%22build%22%3Atrue%2C%22display%22%3Atrue%2C%22flag%22%3A%22alpha%22%2C%22options%22%3A%7B%7D%2C%22name%22%3A%22top-app-bar-regular%22%2C%22description%22%3A%22%22%2C%22tags%22%3A%5B%22top%20app%20bar%22%2C%22navigation%22%2C%22container%22%5D%7D%2C%22rawManifest%22%3A%7B%22name%22%3A%22top-app-bar-regular%22%2C%22displayName%22%3A%22Top%20App%20Bar%20(regular)%22%2C%22description%22%3A%22%22%2C%22flag%22%3A%22alpha%22%2C%22options%22%3A%7B%7D%2C%22tags%22%3A%5B%22top%20app%20bar%22%2C%22navigation%22%2C%22container%22%5D%2C%22version%22%3A%221.0.0%22%7D%2C%22errors%22%3A%5B%5D%7D
arrow_back
Foo Bar
edit
arrow_drop_down
3
account_circle
arrow_back
Foo Bar
edit
arrow_drop_down
3
account_circle
arrow_back
edit
arrow_drop_down
3
account_circle
arrow_back
edit
arrow_drop_down
3
account_circle