Added html component (reflex-dev#98)

pynecone/components/layout/__init__.py

@@ -7,6 +7,7 @@
 from .flex import Flex
 from .foreach import Foreach
 from .grid import Grid, GridItem, ResponsiveGrid
+from .html import Html
 from .spacer import Spacer
 from .stack import Hstack, Stack, Vstack
 from .wrap import Wrap, WrapItem

pynecone/components/layout/box.py

@@ -1,7 +1,5 @@
 """A box component that can contain other components."""
 
-from typing import Optional
-
 from pynecone.components.libs.chakra import ChakraComponent
 from pynecone.components.tags import Tag
 from pynecone.var import Var

pynecone/components/layout/html.py

@@ -0,0 +1,40 @@
+"""A html component."""
+
+from pynecone.components.layout.box import Box
+from pynecone.var import Var
+from typing import Dict
+
+
+class Html(Box):
+ """Render the html.
+
+ Returns:
+ The code to render the html component.
+ """
+
+ # The HTML to render.
+ dangerouslySetInnerHTML: Var[Dict]
+
+ @classmethod
+ def create(cls, *children, **props):
+ """Create a html component.
+
+ Args:
+ *children: The children of the component.
+ **props: The props to pass to the component.
+
+ Returns:
+ The html component.
+
+ Raises:
+ ValueError: If children are not provided or more than one child is provided.
+ """
+ # If children are not prvided, throw an error.
+ if len(children) != 1:
+ raise ValueError("Must provide children to the html component.")
+ else:
+
+ props["dangerouslySetInnerHTML"] = {"__html": children[0]}
+
+ # Create the component.
+ return super().create(**props)