<wc-icon-rule> Horizontal Rule with Visual Appeal
Installation
Installation
npm i @vanillawc/wc-icon-rule
Import from NPM
<script type="module" src="node_modules/@vanillawc/wc-icon-rule/index.js"></script>
Import from CDN
<script type="module" src="https://cdn.jsdelivr.net/gh/vanillawc/wc-icon-rule@1/index.js"></script>
Demo
Try it on WebComponents.dev
Usage
Custom Styles
-
--width
- width of the icon (default32px
) -
--height
- height of the icon (default32px
) -
--space-around
- space around the icon (default1em
) -
--hr-width
- horizontal rule width (default1px
) -
--hr-style
- horizontal rule style (defaultsolid
) -
--hr-color
- horizontal rule color (defaultblack
)
Basic Usage
Add the icon as a child of the element
<wc-icon-rule>
<img src="twitter.svg" alt="">
</wc-icon-rule>
Note: While this is intended for use with icons, the icon can be any element that accepts display: inline-block
Contributing
See CONTRIBUTING.md