basic-spread-items
basic-spread-items
npm i basic-spread-items
basic-spread-items

basic-spread-items

Comprehensive set of high-quality web components for common user interface patterns

by basic-web-components

0.8.0 (see all)License:MITTypeScript:Not Found
npm i basic-spread-items
Readme

API Documentation

SpreadItems ⇐ ElementBase

Spreads out a set of items horizontally so they take equal space.

Live demo

This component is used, for example, by the basic-sliding-viewport component to ensure that children of different size will take up the same amount of horizontal space.

This component currently requires an explicit size by applied to it.

Kind: global class Extends: ElementBase
Mixes: DistributedChildrenAsContent , ObserveContentChanges

spreadItems.content : Array.<HTMLElement>

The content of this component, defined to be the flattened array of children distributed to the component.

Kind: instance property of SpreadItems. Defined by DistributedChildrenAsContent mixin.

"content-changed"

This event is raised when the component's contents (including distributed children) have changed.

Kind: event emitted by SpreadItems. Defined by ObserveContentChanges mixin.

spreadItems.contentChanged()

Invoked when the contents of the component (including distributed children) have changed.

This method is also invoked when a component is first instantiated; the contents have essentially "changed" from being nothing. This allows the component to perform initial processing of its children.

Kind: instance method of SpreadItems. Defined by ObserveContentChanges mixin.

Downloads/wk

1

GitHub Stars

91

LAST COMMIT

6yrs ago

MAINTAINERS

2

CONTRIBUTORS

4

OPEN ISSUES

4

OPEN PRs

0
VersionTagPublished
0.8.0
latest
6yrs ago
No alternatives found
No tutorials found
Add a tutorial
No dependencies found

Rate & Review

100
No reviews found
Be the first to rate