IgxDividerDirective

Constructors

new IgxDividerDirective(): IgxDividerDirective

Sets/gets the id of the divider. If not set, id will have value "igx-divider-0";

<igx-divider id="my-divider"></igx-divider>

let dividerId =  this.divider.id;

id: string

If set to true and an inset value has been provided, the divider will start shrinking from both ends.

<igx-divider [middle]="true"></igx-divider>

middle: boolean = false

Sets the value of role attribute. If not the default value of separator will be used.

role: string = 'separator'

Sets the type of the divider. The default value is default. The divider can also be dashed;

<igx-divider type="dashed"></igx-divider>

type: string = IgxDividerType.SOLID

Sets the divider in vertical orientation.

<igx-divider [vertical]="true"></igx-divider>

vertical: boolean = false

Gets the current divider inset in terms of inset-inline-start representation as applied to the divider.

const inset = this.divider.inset;

get inset(): string

Returns string

Sets the inset of the divider from the side(s). If the divider attribute middle is set to true, it will inset the divider on both sides.

this.divider.inset = '32px';

set inset(value: string): void

Returns void

get isDashed(): boolean

Returns boolean

A getter that returns true if the type of the divider is default;

const isDefault = this.divider.isDefault;

get isSolid(): boolean

Returns boolean