DeCuE examples

Global CSS sets all div text to blue.

Valid form-components are green.

No shadow DOM Open shadow DOM Closed shadow DOM
Predefined
overridden slot: Howdy {greetings}
Predefined
overridden slot: Howdy {greetings}
Predefined
overridden slot: Howdy {greetings}
Nesting
Slotting
overridden slot
overridden slot1
overridden slot2
overridden slot: howdy {greetings}
overridden slot1: Howdy {greetings}
overridden slot2: Howdy {greetings}
Functions

The |! pipe inserts trusted markup as HTML:

The |? pipe removes the title attribute when its value is empty:

Form associated

External
Nesting
Slotting
overridden slot
overridden slot1
overridden slot2
overridden slot: howdy {greetings}
overridden slot1: Howdy {greetings}
overridden slot2: Howdy {greetings}
Functions

The |! pipe inserts trusted markup as HTML:

The |? pipe removes the title attribute when its value is empty:

Form associated

External
Nesting
Slotting
overridden slot
overridden slot1
overridden slot2
overridden slot: howdy {greetings}
overridden slot1: Howdy {greetings}
overridden slot2: Howdy {greetings}
Functions

The |! pipe inserts trusted markup as HTML:

The |? pipe removes the title attribute when its value is empty:

Form associated

External
remove-then-append
text originally in the end
remove-then-append
text originally in the end
remove-then-append
text originally in the end
move
text originally in the end
move
text originally in the end
move
text originally in the end