DeCuE examples
Global CSS sets all div text to blue.
Valid form-components are green.
Modify all 'greetings' attributes
Modify all form component values
nested content
nested content: Hello {greetings}
default slot
default slot: Hello {greetings}
slot1
slot2
slot1: Hello {greetings}
slot2: Hello {greetings}
Hello {greetings|toLower}
Hello {greetings|.toUpperCase}
Hello {greetings|.toUpperCase|toLower}
Hello
Hello {greetings}
default slot: Hello {greetings}
form-associated
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
Form associated
Greet valid:
Greet invalid:
Submit
External
Nesting
Slotting
overridden slot
overridden slot1
overridden slot2
overridden slot: howdy {greetings}
overridden slot1: Howdy {greetings}
overridden slot2: Howdy {greetings}
Functions
Form associated
Greet valid:
Greet invalid:
Submit
External
Nesting
Slotting
overridden slot
overridden slot1
overridden slot2
overridden slot: howdy {greetings}
overridden slot1: Howdy {greetings}
overridden slot2: Howdy {greetings}
Functions
Form associated
Greet valid:
Greet invalid:
Submit
External