You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/concepts/background-shapes.md
-22
Original file line number
Diff line number
Diff line change
@@ -50,28 +50,6 @@ There is an alternative "background boxes" shape that you can use with `bg-shape
50
50
</div>
51
51
```
52
52
53
-
If you are using the [PageHeader component](/components/page-header/) then you will automatically have `bg-shape-boxes-bottom` set and it will automatically continue into the next dom node:
54
-
55
-
```html
56
-
<EsPageHeader
57
-
@headline="Demo for background shapes"
58
-
@detail="This section is using boxes-bottom and continues in the the next section"
59
-
class="bg-dark"
60
-
>
61
-
<EsButton>Go</EsButton>
62
-
</EsPageHeader>
63
-
<divclass="layout">
64
-
<divclass="lg:col-4 lg:start-2 text-center py-5">
65
-
<h1>Build with the teams that never stop shipping.</h1>
66
-
<p>
67
-
Some of the best development teams in the world have been iterating on their products for
68
-
years with Ember. With scalable UI architecture baked-in from the start, you’ll be working
69
-
with the same patterns these organizations use every step of the way.
70
-
</p>
71
-
</div>
72
-
</div>
73
-
```
74
-
75
53
## Swipes
76
54
77
55
The other type of background shape is a "swipe" that can either be a swipe across the top of the section using `bg-shape-swipe-top` or a rectangle from the bottom of the section using `bg-shape-swipe-bottom`.
0 commit comments