(dasf-class-web-component)= # `dasf-class` custom web component The `dasf-class` web component is a the framework agnostic alternative to the {func}`ClassContainer ` react component. ````{dropdown} Example An example implementation would be ```html ``` ```` (dasf-class-properties)= ## Properties For documentation on the properties, please have a look at the {class}`ClassContainerOptions` interface. Note that the type of the property determines how the parameter of the custom web component is interpreted. Furthermore note that camel case (such as `websocketUrl`) will be converted to kebab case (i.e. `websocket-url`). ```{literalinclude} ../../src/main.tsx --- start-at: const WebClassContainer language: tsx name: dasf-class caption: dasf-class end-at: "});" --- ```