모든 정보는 신뢰할 수 있는 것으로 간주되는 출처에서 제공되지만 오류, 누락, 가격 변경, 사전 판매 또는 통지 없이 철회될 수 있습니다. 설명, 측정, 평방 피트 또는 면적의 정확성에 대해 어떠한 표현도 하지 않으며 그렇게 의존해서는 안 됩니다. 여기에 있는 모든 정보는 고객이 확인해야 합니다. 사진, 비디오 및 기타 그래픽을 포함하되 이에 국한되지 않는 모든 콘텐츠에 대한 모든 권리는 해당 목록 콘텐츠를 제공한 브로커에게 독점적으로 유보됩니다. 이 사이트의 모든 광고는 연방 공정 주택법의 적용을 받습니다.

React Web Components - DO NOT DELETE

What is a Web Component?

A web component is a reusable, encapsulated piece of functionality or UI that can be rendered inside a web page. In our context, web components allow React components to be embedded in areas of a website that normally accept static HTML content, such as custom HTML containers or static pages.

Instead of manually coding interactive elements every time, web components provide a modular approach: developers create the component once, and content editors or the support team can use it anywhere on the site simply by inserting its HTML tag with configuration.

Purpose / Use Cases

Enable interactive pages without touching backend code.
Allow content editors or support teams to add sliders, galleries, modals, video popups, or forms directly into static pages.
Reusable across multiple pages for consistency and efficiency.
Supports nested HTML and JSON safely using encodings like &rq; and &rqs;.

Who Uses Web Components?

Customer Support / Content Team: Can add or modify interactive elements without programming knowledge.
Developers / Dev Team: Build and maintain components, ensuring proper integration, parsing, validation, and advanced configuration options.

Benefits

Efficiency: Quick content updates without redeploying code.
Consistency: Single component can be reused across multiple pages.
Flexibility: Supports nested HTML, JSON configurations, and custom styling.
Safety: Encapsulated behavior reduces the risk of conflicts with page content.

Examples

Box Locations Component

Confluence Documentation

Usage

DEMO

FAQ Accordion Component

Confluence Documentation

Usage

DEMO

Usage - With Custom Styles

DEMO

Gallery Component

Confluence Documentation

Usage

DEMO

Image Carousel Component

Confluence Documentation

Usage

DEMO

React Web Components - DO NOT DELETE

What is a Web Component?

Purpose / Use Cases

Enable interactive pages without touching backend code.
Allow content editors or support teams to add sliders, galleries, modals, video popups, or forms directly into static pages.
Reusable across multiple pages for consistency and efficiency.
Supports nested HTML and JSON safely using encodings like &rq; and &rqs;.

Who Uses Web Components?

Customer Support / Content Team: Can add or modify interactive elements without programming knowledge.
Developers / Dev Team: Build and maintain components, ensuring proper integration, parsing, validation, and advanced configuration options.

Benefits

Efficiency: Quick content updates without redeploying code.
Consistency: Single component can be reused across multiple pages.
Flexibility: Supports nested HTML, JSON configurations, and custom styling.
Safety: Encapsulated behavior reduces the risk of conflicts with page content.