diff --git a/packages/web-twig/src/Resources/components/UNSAFE_Divider/README.md b/packages/web-twig/src/Resources/components/UNSAFE_Divider/README.md new file mode 100644 index 0000000000..9bea7bfa51 --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSAFE_Divider/README.md @@ -0,0 +1,9 @@ +# UNSAFE Divider + +⚠️ This component is UNSAFE and there could be breaking changes in the future. Please use it with caution. + +Basic example usage: + +```twig + +``` diff --git a/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.stories.twig b/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.stories.twig new file mode 100644 index 0000000000..93c918dcfb --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.stories.twig @@ -0,0 +1,9 @@ +{% extends 'layout/plain.html.twig' %} + +{% block content %} + + + {% include '@components/UNSAFE_Divider/stories/DividerDefault.twig' %} + + +{% endblock %} diff --git a/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.twig b/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.twig new file mode 100644 index 0000000000..785f0602c9 --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSAFE_Divider/UNSAFE_Divider.twig @@ -0,0 +1,15 @@ +{# API #} +{%- set props = props | default([]) -%} + +{# Class names #} +{%- set _rootClassName = _spiritClassPrefix ~ 'UNSAFE_Divider' -%} + +{# Miscellaneous #} +{%- set _styleProps = useStyleProps(props) -%} +{%- set _classNames = [ _rootClassName, _styleProps.className ] -%} + +
diff --git a/packages/web-twig/src/Resources/components/UNSAFE_Divider/stories/DividerDefault.twig b/packages/web-twig/src/Resources/components/UNSAFE_Divider/stories/DividerDefault.twig new file mode 100644 index 0000000000..e20a2d432c --- /dev/null +++ b/packages/web-twig/src/Resources/components/UNSAFE_Divider/stories/DividerDefault.twig @@ -0,0 +1 @@ + diff --git a/packages/web-twig/src/Resources/twig-components/unsafe_divider.twig b/packages/web-twig/src/Resources/twig-components/unsafe_divider.twig new file mode 100644 index 0000000000..b35f4a1d0b --- /dev/null +++ b/packages/web-twig/src/Resources/twig-components/unsafe_divider.twig @@ -0,0 +1 @@ +{% extends '@spirit/UNSAFE_Divider/UNSAFE_Divider.twig' %}