diff --git a/packages/meetup/src/app/components/faq.tsx b/packages/meetup/src/app/components/faq.tsx index 1d512e30e..dcd0ee582 100644 --- a/packages/meetup/src/app/components/faq.tsx +++ b/packages/meetup/src/app/components/faq.tsx @@ -1,3 +1,40 @@ +import { InoMeetupAccordion } from '@inovex.de/elements-react'; + export default function FaqSection() { - return null; + return ( +
+

FAQs

+ + + Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML + tags to use in web pages and web apps. They are based on existing web standards and work across modern browsers. + + + + You can use Web Components in any project by importing them into your HTML file or JavaScript framework. For + example, with the inovex Elements library, you can install it using npm and then import the components you need + in your React, Angular, or Vue.js project. + + + + The main advantages of Web Components include reusability across different frameworks, encapsulation of styles + and functionality, and the ability to create custom elements that work seamlessly with existing HTML, CSS, and + JavaScript. + + + + With inovex Elements, you can use CSS variables like --ino-input-line-color to customize the appearance of + components. + + + + We provide a React wrapper, making it easy to use our web components in React projects with a familiar syntax. + + + + Slots are a feature of Web Components that allow you to define placeholders in your component that can be filled + with custom content. This makes components more flexible and customizable. + +
+ ); } diff --git a/packages/ui-patterns/src/patterns/faq/faq.html b/packages/ui-patterns/src/patterns/faq/faq.html index e69de29bb..c3e687ae6 100644 --- a/packages/ui-patterns/src/patterns/faq/faq.html +++ b/packages/ui-patterns/src/patterns/faq/faq.html @@ -0,0 +1,34 @@ +
+

FAQs

+ + + Web Components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags + to use in web pages and web apps. They are based on existing web standards and work across modern browsers. + + + + You can use Web Components in any project by importing them into your HTML file or JavaScript framework. For + example, with the inovex Elements library, you can install it using npm and then import the components you need in + your React, Angular, or Vue.js project. + + + + The main advantages of Web Components include reusability across different frameworks, encapsulation of styles and + functionality, and the ability to create custom elements that work seamlessly with existing HTML, CSS, and + JavaScript. + + + + With inovex Elements, you can use CSS variables like --ino-input-line-color to customize the appearance of + components. + + + + We provide a React wrapper, making it easy to use our web components in React projects with a familiar syntax. + + + + Slots are a feature of Web Components that allow you to define placeholders in your component that can be filled + with custom content. This makes components more flexible and customizable. + +