2.0.0 • Published 1 year ago

@buildpackapp/test-social-icons v2.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

@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-user
  • bp-instagram
2.0.0

1 year ago

1.0.0

1 year ago