skip to content

Show

Simply shows and hides one or more elements according to events. Can show one of a set of elements at random, the next one of a set of elements (looping back where applicable), or some of a set of elements. Compensates for latency associated with bluetooth headphones and USB audio devices.

DRAFT! This element is in early development and is liable to change or possibly be replaced.

class
Show
extends
Handle
tag
<show-blam>
see

Props

name type default description
selector string :scope > *

Selector for descendant elements to be shown and unshown. Can be any elements and can change subject to (for example) Blam value randomization. Can be SVG elements belonging to an inline SVG.

prop string null

Not applicable.

some boolean or number false

Set as a boolean attribute, some elements are shown each time. By default it’s between one and all. If a numeric value is given, that’s how many (random) elements are shown.

cycle boolean false

Whether to show each element in turn

from string

A CSS selector representing all elements from which events will be listened to. If not set, the node array defaults to the element’s defaultFrom function’s return value.

to string

A CSS selector representing all elements to affect in response to the event. If not set, the node array defaults to the element’s defaultTo function’s return value.

event string blam

The event type to listen for. For many Event-based elements, this is the generic custom event blam.

bypass boolean false

Whether to stop responding to events as they happen.

chance boolean 1

The probability that the event will be responded to. From 0 to 1.

Examples

OH FUN! There are currently no examples using Show.