2.0.0 • Published 1 year ago
@buildpackapp/test-social-icons v2.0.0
@buildpackapp/test-social-icons
CSS-ready optimized icons for your projects.
## Installation
```bash
npm install @buildpackapp/test-social-icons
```
## Usage
1. Import the CSS:
```javascript
// Using ES modules
import '@buildpackapp/test-social-icons/icons.css';
// or minified version
import '@buildpackapp/test-social-icons/icons.min.css';
```
Or in your HTML:
```html
<link href="node_modules/@buildpackapp/test-social-icons/icons.css" rel="stylesheet">
```
2. Use the icons:
```html
<i class="bp-home"></i>
<i class="bp-user bp-icon-lg"></i>
```
## Framework Examples
### React
```jsx
import '@buildpackapp/test-social-icons/icons.css';
function App() {
return <i className="bp-home" />;
}
```
### Vue
```js
<script>
import '@buildpackapp/test-social-icons/icons.css';
</script>
<template>
<i class="bp-home" />
</template>
```
### Next.js
```javascript
// In _app.js or page
import '@buildpackapp/test-social-icons/icons.css';
```
## Available Classes
### Size Modifiers
- `bp-icon-sm`: 16px
- `bp-icon-lg`: 32px
### RTL Support
Icons automatically flip in RTL mode when using `dir="rtl"` on a parent element.
## Available Icons
- `bp-home`bp-userbp-instagram