Skip to content

Commit b348028

Browse files
committed
Remind about height expectation.
1 parent 1965e4d commit b348028

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

README.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,10 @@ npm install @markpbaggett/before-after
3636

3737
## Usage
3838

39+
You can load this as a pure web component but make sure you give it a height or it won't appear at all.
40+
41+
````
42+
3943
<!DOCTYPE html>
4044
<html>
4145
<head>
@@ -47,14 +51,16 @@ npm install @markpbaggett/before-after
4751
after="after.jpg"
4852
before-label="Label that Goes with Before"
4953
after-label="Label that Goes with After"
50-
start-position="50" # where do you want the bar to start
51-
style="height: 600px;"> # make sure to set height or viewer won't appear
54+
start-position="50"
55+
style="height: 600px;">
5256
</before-after>
5357
5458
<script src="https://unpkg.com/@markpbaggett/before-after"></script>
5559
</body>
5660
</html>
5761
62+
```
63+
5864
## Styling
5965
6066
Use custom properties for easy theming like:

0 commit comments

Comments
 (0)