Espresso-Ui

The espresso-ui library offers a set of customizable native angular- and web components written with Angular & TypeScript. To show the Espresso Tutorials corporate identity across projects.

Generate Commands

• ng g m <module_name> --project=espresso-ui — add new module
• ng g c <component_name> --project=espresso-ui — add new component

Build Commands

• ng serve — start an Angular demo app with Angular components
• ng build espresso-ui — build native Angular components
• npm run build:elements — build single JS file Web Components from Angular components
• npm run readme — copy readme to dist folder
• npm run styles — copy global styles to dist folder
• npm run build:elements — build single JS file Web Components from Angular components

Available Angular Components

• lib-card
• lib-card-body
• lib-card-content
• lib-card-overlay
• lib-card-footer
• lib-card-title
• lib-card-image
• lib-card-author
• lib-card-meta
• lib-card-description
• lib-card-time
• button
• button-link
• button-favorite
• rating
• author
• review
• review-title
• review-descriptio
• review-author
• testimonial

Available Web Components

• et-card
• et-button

ToDo

• sharing description information title dropdown-select card-horizontal cover section logo accordion …