1.0.21 • Published 4 years ago
@vanillawc/wc-icon-rule v1.0.21
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
1.0.19
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago