@anguless/angulux/divider

divider

1 declarations3 demos

import

import { DividerModule } from '@anguless/angulux/divider';

Basic

A divider goes between the items it separates.

Divider separates the items placed around it.

The default layout is horizontal and the default type is solid.

<div style="width: 100%">    <p>Divider separates the items placed around it.</p>    <agl-divider />    <p>The default layout is horizontal and the default type is solid.</p></div>

Type

Type switches the border style between solid, dashed and dotted.

Solid

Dashed

Dotted

<div style="width: 100%">    <p>Solid</p>    <agl-divider />    <p>Dashed</p>    <agl-divider type="dashed" />    <p>Dotted</p>    <agl-divider type="dotted" /></div>

Vertical

A vertical divider separates items placed side by side.

Left

Right

<div style="display: flex; align-items: center; height: 6rem">    <p>Left</p>    <agl-divider layout="vertical" />    <p>Right</p></div>

API

Generated from the committed corpus, which check:corpus holds to the built library.

Divider

componentagl-divider

Divider is used to separate contents.

Input	Type	Default	Description
styleClass deprecated — since v20.0.0, use `class` instead.	string \| undefined	not documented	Style class of the component.
layout	'horizontal' \| 'vertical' \| undefined	not documented	Specifies the orientation.
type	'solid' \| 'dashed' \| 'dotted' \| undefined	not documented	Border style type.
align	'left' \| 'center' \| 'right' \| 'top' \| 'bottom' \| undefined	not documented	Alignment of the content.

Inherited from BaseComponent

inherited

Input	Type	Default	Description
dt	Object \| undefined	undefined	Defines scoped design tokens of the component.
unstyled	boolean \| undefined	undefined	Indicates whether the component should be rendered without styles.
pt	PT \| undefined	undefined	Used to pass attributes to DOM elements inside the component. TRUSTED INPUT ONLY. Whatever you put here is applied to the DOM as given: keys become attributes, and a key that names a DOM property is assigned to that property directly, with no sanitizer in between. That is what makes the API useful, and it means a value reaching it from a user, a database or a CMS can execute script. Treat it like markup you wrote yourself, not like data you received.
ptOptions	PassThroughOptions \| undefined	undefined	Used to configure passthrough(pt) options of the component.