Element: custom-element (References) | Realm

dark

Summary

web-app

custom-element

element-attr

element-state

element-flow

global-state

import-element

import-script

import-style

is-visible

is-hidden

repeat-list

trigger-event

listen-event

set-attr

set-state

set-timer

send-event

http-request

request-header

request-body

response-ok

response-fail

script

trigger-element

Comparison Operators

Mutation Operators

Data Source

Summary

web-app

custom-element

element-attr

element-state

element-flow

global-state

import-element

import-script

import-style

is-visible

is-hidden

repeat-list

trigger-event

listen-event

set-attr

set-state

set-timer

send-event

http-request

request-header

request-body

response-ok

response-fail

script

trigger-element

Comparison Operators

Mutation Operators

Data Source

The main or core Realm framework is the custom element definition tag. It is used to define a custom element without using JavaScript customElements.define() and the complexity. The template tag is required to render the custom element’s content.

Custom Element's name

Reference link: <element-attr>

Reference link: <element-state>

Reference link: <element-flow>

Reference link: <import-script>

Reference link: <import-style>

Reference link: <is-visible>

Reference link: <is-hidden>

Native element

<custom-element name="my-element">
  <template>
    <h1>Hello World</h1>
  </template>
</custom-element>