UNPKG

@logo-software/hero

Version:

Hero module is a lightweight, flexible component that can optionally extend the first viewable section to showcase key marketing messages on your site.

44 lines (43 loc) 1.54 kB
/** * @license * Copyright LOGO YAZILIM SANAYİ VE TİCARET A.Ş. All Rights Reserved. * * Save to the extent permitted by law, you may not use, copy, modify, * distribute or create derivative works of this material or any part * of it without the prior written consent of LOGO YAZILIM SANAYİ VE TİCARET A.Ş. Limited. * Any reproduction of this material must contain this notice. */ /** * Hero areas are key points for marketing and catch the user attentions. With Hero Component you can easily add hero model to your page. * Add the below code to your code stack and give initializer parameters. * * <sub>app.component.html</sub> * * ```html * <logo-hero * [containerStatus]="true" * [bgImage]="'https://cdn-nq.logo.com.tr/assets/images/banners/banner-cover-muhasebe-web.jpg'" * [cssClasses]="'my-hero-area'" * > * <!-- Your content goes here. Below code is a sample of usage. --> * <div class="content"> * <h1>Welcome to my page</h1> * <p>My description of marketing</p> * </div> * </logo-hero> * ``` */ export declare class HeroComponent { /** * adds custom CSS class to hero area. By this way you can customize area for your theme. Also you can customize overlay section with your custom class. */ cssClasses: string; /** * if sets true, add 'container' CSS class to area. You can use with bootstrap or other css frameworks. */ containerStatus: boolean; /** * Dynamically add background image of the hero area. */ bgImage?: string; }