diff --git a/README.md b/README.md index 1e8c6e3..e05fe58 100644 --- a/README.md +++ b/README.md @@ -23,7 +23,7 @@ $ npm install boxicons --save import the module ```javscript -import 'boxicons/dist/boxicons.js'; +import 'boxicons'; ``` ## Usage diff --git a/index.html b/index.html index 4d77aae..fe3522a 100644 --- a/index.html +++ b/index.html @@ -75,6 +75,6 @@
- + diff --git a/static/dist/0.bundle.js b/static/dist/0.bundle.js index df91392..2206a02 100644 --- a/static/dist/0.bundle.js +++ b/static/dist/0.bundle.js @@ -1,2 +1,2 @@ -webpackJsonp([0],{455:function(e,t,a){"use strict";function l(e){return e&&e.__esModule?e:{default:e}}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var c=function(){function e(e,t){for(var a=0;a",u.default.createElement("br",null),"\x3c!-- or --\x3e"," ",u.default.createElement("br",null),"")),u.default.createElement("p",null,"This will load boxicons font into your webpage")),u.default.createElement("h4",{id:"html"},"HTML"),u.default.createElement("div",null,u.default.createElement("p",null," To use an icon on your page, add a prefix",u.default.createElement("code",{className:"side"},"bx-")," for regular icons, ",u.default.createElement("code",{className:"side"},"bxs-")," for solid icons & ",u.default.createElement("code",{className:"side"},"bxl-")," for logos followed by the icon name and seperate class with the",u.default.createElement("code",{className:"side"},"bx"),":")," ",u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},"",u.default.createElement("br",null),"",u.default.createElement("br",null),"")),"You can see the names of all the icons ",u.default.createElement(o.Link,{to:"/cheatsheet"},"here")),u.default.createElement("h3",{id:"install-via-npm"},"Install via NPM"),u.default.createElement("div",null,u.default.createElement("p",null," Install the boxicons package by copy pasting the following in your terminal:"),u.default.createElement("pre",null," ",u.default.createElement("code",null,"$ npm install boxicons --save")),u.default.createElement("p",null," Import the npm module in your javascript"),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"javascript"},"import 'boxicons/css/boxicons.min.css'"))),u.default.createElement("h3",{id:"web-component"},"Using the Web Component"),u.default.createElement("div",null,u.default.createElement("p",null,"Boxicons includes a Custom Element that makes using icons easy and efficient. To use it, add the ",u.default.createElement("code",{className:"side"},"boxicons.js")," file to the page:"),u.default.createElement("pre",null," ",u.default.createElement("code",{className:"html"},'