Skip to content

Commit

Permalink
Feat(web-twig): Introduce UNSTABLE_Divider component #DS-1302
Browse files Browse the repository at this point in the history
Please use it with caution.
  • Loading branch information
crishpeen committed Jun 4, 2024
1 parent 1e3aa8c commit ba76092
Show file tree
Hide file tree
Showing 5 changed files with 35 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
# UNSTABLE Divider

⚠️ This component is UNSTABLE and there could be breaking changes in the future. Please use it with caution.

Basic example usage:

```twig
<UNSTABLE_Divider />
```
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{% extends 'layout/plain.html.twig' %}

{% block content %}

<DocsSection title="Default" stackAlignment="stretch">
{% include '@components/UNSTABLE_Divider/stories/DividerDefault.twig' %}
</DocsSection>

{% endblock %}
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
{# API #}
{%- set props = props | default([]) -%}

{# Class names #}
{%- set _rootClassName = _spiritClassPrefix ~ 'UNSTABLE_Divider' -%}

{# Miscellaneous #}
{%- set _styleProps = useStyleProps(props) -%}
{%- set _classNames = [ _rootClassName, _styleProps.className ] -%}

<hr
{{ mainProps(props) }}
{{ styleProp(_styleProps) }}
{{ classProp(_classNames) }}
>
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<UNSTABLE_Divider />
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{% extends '@spirit/UNSTABLE_Divider/UNSTABLE_Divider.twig' %}

0 comments on commit ba76092

Please sign in to comment.