Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | 93x 93x 2x 2x 2x 2x 2x | import { ComponentRender } from '../zd-component/component-render';
import { IRow } from './interfaces';
/**
* Base class for Row component.
*/
export class Row extends ComponentRender implements IRow {
/**
* Applies the align-items css property.
* Available options are start, center, end, space-between, space-around and stretch.
*/
public align?: string;
public dense = true;
/**
* Applies the justify-content css property.
* Available options are start, center, end, space-between and space-around.
*/
public justify?: string;
public noGutters = false;
/**
* Defines the component height. Possible values for this property can be
* <samp>'auto', '100%', '400px' or 400</samp>
*/
public height: string | number = 'auto';
/**
* Defines the component min height. Possible values for this property can be
* <samp>'auto', '100%', '400px' or 400</samp>
*/
public minHeight: string | number = 'auto';
/**
* Defines the component max height. Possible values for this property can be
* <samp>'auto', '100%', '400px' or 400</samp>
*/
public maxHeight: string | number = 'none';
/* istanbul ignore next */
/**
* Creates a new Row.
* @param props Row properties
*/
constructor(props: IRow) {
super(props);
this.align = this.getInitValue('align', props.align, this.align);
this.dense = this.getInitValue('dense', props.dense, this.dense);
this.justify = this.getInitValue('justify', props.justify, this.justify);
this.noGutters = this.getInitValue('noGutters', props.noGutters, this.noGutters);
this.height = this.getInitValue('height', props.height, this.height);
this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
}
}
|