How to use @fortawesome/free-solid-svg-icons
Comprehensive @fortawesome/free-solid-svg-icons code examples:
How to use @fortawesome/free-solid-svg-icons.Options:
242 243 244 245 246 247 248 249 250 251
// app/root.tsx var import_jsx_runtime = require("react/jsx-runtime"), links = () => [{ rel: "stylesheet", href: tailwind_default }], meta = () => ({ charset: "utf-8", title: "Hands-on-hacking", viewport: "width=device-width,initial-scale=1" }), options = new import_docker_cli_js.Options(void 0, void 0, !1), logos = [ import_free_solid_svg_icons2.faUserSecret, import_free_solid_svg_icons2.faSkullCrossbones, import_free_solid_svg_icons2.faUserNinja, import_free_solid_svg_icons2.faRadiation,
How to use @fortawesome/free-solid-svg-icons.faCalendarDay:
23 24 25 26 27 28 29 30 31 32
end: new forms_1.FormControl() }); this.branches = []; this.selectedValue = []; this.isMobileCalender = false; this.faCalendarDay = free_solid_svg_icons_1.faCalendarDay; this.faBars = free_solid_svg_icons_1.faBars; this.faMapMarkerAlt = free_solid_svg_icons_1.faMapMarkerAlt; this.fa_download = exports.fa_download; this.faTimes = free_solid_svg_icons_1.faTimesCircle;
How to use @fortawesome/free-solid-svg-icons.faEyeSlash:
17 18 19 20 21 22 23 24 25 26
this.common_service = common_service; this._snackBar = _snackBar; this.modalService = modalService; this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle; this.faEye = free_solid_svg_icons_1.faEye; this.faEyeSlash = free_solid_svg_icons_1.faEyeSlash; this.close = exports.close; this.password_type = "password"; this.user_id = ""; this.isLoading = false;
How to use @fortawesome/free-solid-svg-icons.faEdit:
20 21 22 23 24 25 26 27 28 29
this.loadsh = _; this.current = 1; this.totalPages = 1; this.endPage = 1; this.startPage = 1; this.faEdit = free_solid_svg_icons_1.faEdit; this.faSortRef = free_solid_svg_icons_1.faSort; this.faSortProd = free_solid_svg_icons_1.faSort; this.faSearch = free_solid_svg_icons_1.faSearch; this.faPlusCircle = free_solid_svg_icons_1.faPlusCircle;
How to use @fortawesome/free-solid-svg-icons.faCloudUploadAlt:
33 34 35 36 37 38 39 40 41 42
title: this.props.title, style: { margin: 0 } }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faCloudUploadAlt }), /*#__PURE__*/_react["default"].createElement("input", { id: this.props.id, style: { display: "none"
How to use @fortawesome/free-solid-svg-icons.faSortUp:
52 53 54 55 56 57 58 59 60 61
key: attribute.value, onClick: () => handleSorterChange(attribute.value) }, attribute.name, attribute.value === sorter ? order ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSortDown }) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSortUp }) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSort }))) : []; return /*#__PURE__*/_react.default.createElement(StyledTableHeader, null, /*#__PURE__*/_react.default.createElement(TableHeaderRow, null, children));
How to use @fortawesome/free-solid-svg-icons.faSortDown:
50 51 52 53 54 55 56 57 58 59
sorterColor: sorterColor, isSorter: attributes.value === sorter ? true : false, key: attribute.value, onClick: () => handleSorterChange(attribute.value) }, attribute.name, attribute.value === sorter ? order ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSortDown }) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSortUp }) : /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faSort
How to use @fortawesome/free-solid-svg-icons.faBolt:
19 20 21 22 23 24 25 26 27 28
this.modalService = modalService; this.close = account_from_component_1.close; this.branches = []; this.colors = ["#4751c9", "#45a9ea", "#cc6ae3", "#dea766", "#7c52cb", "#16a186"]; this.faEuroSign = free_solid_svg_icons_1.faEuroSign; this.faBolt = free_solid_svg_icons_1.faBolt; this.selectedColorIndex = 0; this.categories = []; this.ivas = []; this.product_id = "";
How to use @fortawesome/free-solid-svg-icons.faShareAlt:
83 84 85 86 87 88 89 90 91 92
this.shareBtn.nativeElement.style.display = "block"; } }; HeaderComponent.prototype.ngOnInit = function () { this.faBars = free_solid_svg_icons_1.faBars; this.faShareAlt = free_solid_svg_icons_1.faShareAlt; this.faCloudDownloadAlt = free_solid_svg_icons_1.faCloudDownloadAlt; if (this.url.path().includes("pt")) { this.cvPath = "assets/David-Juan-pt.pdf"; this.titleCv = "Baixar Curriculo em PDF";
How to use @fortawesome/free-solid-svg-icons.faEye:
16 17 18 19 20 21 22 23 24 25
this.apiService = apiService; this.common_service = common_service; this._snackBar = _snackBar; this.modalService = modalService; this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle; this.faEye = free_solid_svg_icons_1.faEye; this.faEyeSlash = free_solid_svg_icons_1.faEyeSlash; this.close = exports.close; this.password_type = "password"; this.user_id = "";
How to use @fortawesome/free-solid-svg-icons.faMapMarkerAlt:
14 15 16 17 18 19 20 21 22 23
function AddInventoryOrderComponent(common_service, apiService) { var _this = this; this.common_service = common_service; this.apiService = apiService; this.faPlus = free_solid_svg_icons_1.faPlus; this.faMapMarkerAlt = free_solid_svg_icons_1.faMapMarkerAlt; this.faChevronDown = free_solid_svg_icons_1.faChevronDown; this.faMinus = free_solid_svg_icons_1.faMinus; this.selected_branch = ""; this.createOrderNessaryData = null;
How to use @fortawesome/free-solid-svg-icons.faShoppingCart:
480 481 482 483 484 485 486 487 488 489
style: { color: webStyle.colors[componentStyles.textColor] }, children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, { className: "m-icons", icon: _freeSolidSvgIcons.faShoppingCart }) }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", { className: "position-absolute top-0 start-100 translate-middle badge rounded-pill ", children: [Object.keys(cart).length, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
How to use @fortawesome/free-solid-svg-icons.faAdjust:
19 20 21 22 23 24 25 26 27 28
var CrmComponent = /** @class */ (function () { function CrmComponent(common_service, apiServices) { this.common_service = common_service; this.apiServices = apiServices; this.faSort = free_solid_svg_icons_1.faSort; this.faFilter = free_solid_svg_icons_1.faAdjust; this.faArrowDown = free_solid_svg_icons_1.faArrowDown; this.toDate = ""; this.loadsh = _; this.isLoadingGrpah = false;
How to use @fortawesome/free-solid-svg-icons.faPlusSquare:
256 257 258 259 260 261 262 263 264 265
}, onClick: function onClick(evt) { addDropdownlink(evt, index); }, children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faPlusSquare }) })] }) })
How to use @fortawesome/free-solid-svg-icons.faExclamationCircle:
GitHub: AldairRC/AppWing
49 50 51 52 53 54 55 56 57 58
icono = free_solid_svg_icons_1.faTimesCircle; break; default: divTipoMensaje = "divTipoMensaje divTipoMensaje_azul"; divIcono = "divIcono divIcono_azul"; icono = free_solid_svg_icons_1.faExclamationCircle; break; } return (react_1.default.createElement("div", { className: divTipoMensaje }, react_1.default.createElement("div", { className: divIcono },
How to use @fortawesome/free-solid-svg-icons.faAngleLeft:
488 489 490 491 492 493 494 495 496 497
onClick: function onClick() { return onPageChange(page - 1); }, disabled: !hasPrev }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faAngleLeft })), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], { variant: variant, disabled: true }, cursorBased ? page : "".concat(page, " / ").concat(lastPage)), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], {
How to use @fortawesome/free-solid-svg-icons.faCheckCircle:
GitHub: AldairRC/AppWing
39 40 41 42 43 44 45 46 47 48
let icono; switch (this.props.tipo) { case exports.MENSAJE_CORRECTO: divTipoMensaje = "divTipoMensaje divTipoMensaje_verde"; divIcono = "divIcono divIcono_verde"; icono = free_solid_svg_icons_1.faCheckCircle; break; case exports.MENSAJE_ERROR: divTipoMensaje = "divTipoMensaje divTipoMensaje_rojo"; divIcono = "divIcono divIcono_rojo";
How to use @fortawesome/free-solid-svg-icons.faAngleDoubleRight:
507 508 509 510 511 512 513 514 515 516 517
onClick: function onClick() { return onPageChange(lastPage); }, disabled: page >= lastPage }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faAngleDoubleRight }))); }; Paginator.propTypes = {
How to use @fortawesome/free-solid-svg-icons.faAngleDoubleLeft:
480 481 482 483 484 485 486 487 488 489
onClick: function onClick() { return onPageChange(1); }, disabled: page === 1 }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faAngleDoubleLeft })), /*#__PURE__*/React__default['default'].createElement(Button__default['default'], { variant: variant, onClick: function onClick() { return onPageChange(page - 1);
How to use @fortawesome/free-solid-svg-icons.faSortAlphaDown:
99 100 101 102 103 104 105 106 107 108
return field == 'reference' ? data.reference : data.inventory_name; }); this.tableData = sorted.reverse(); this.sortType = "desc"; if (field == 'reference') { this.faSortRef = free_solid_svg_icons_1.faSortAlphaDown; this.faSortProd = free_solid_svg_icons_1.faSort; } else { this.faSortRef = free_solid_svg_icons_1.faSort;
How to use @fortawesome/free-solid-svg-icons.faAngleRight:
499 500 501 502 503 504 505 506 507 508
onClick: function onClick() { return onPageChange(page + 1); }, disabled: !hasNext }, /*#__PURE__*/React__default['default'].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faAngleRight })), !cursorBased && /*#__PURE__*/React__default['default'].createElement(Button__default['default'], { variant: variant, onClick: function onClick() { return onPageChange(lastPage);
How to use @fortawesome/free-solid-svg-icons.faAlignRight:
182 183 184 185 186 187 188 189 190 191 192
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({ title: "Align tips to right", variant: "secondary" }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { key: 1, icon: _freeSolidSvgIcons.faAlignRight })); } function AlignTipsLeftButton(props) {
How to use @fortawesome/free-solid-svg-icons.faSortAmountUp:
172 173 174 175 176 177 178 179 180 181 182
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({ title: "Sort in descending order", variant: "secondary" }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { key: 1, icon: _freeSolidSvgIcons.faSortAmountUp })); } function AlignTipsRightButton(props) {
How to use @fortawesome/free-solid-svg-icons.faAnchor:
16 17 18 19 20 21 22 23 24 25
var experienceShellActions = require("../experience-shell/state/experience-shell.actions"); var ExperienceControllerComponent = /** @class */ (function () { function ExperienceControllerComponent(experienceDataStore, experienceShellStore) { this.experienceDataStore = experienceDataStore; this.experienceShellStore = experienceShellStore; this.faAnchor = free_solid_svg_icons_1.faAnchor; // Actions // ********* // I need to set the current experience for the experience Shell ☑️ // Calculations
How to use @fortawesome/free-solid-svg-icons.faAlignLeft:
192 193 194 195 196 197 198 199 200 201 202
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({ title: "Align tips to left", variant: "secondary" }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { key: 1, icon: _freeSolidSvgIcons.faAlignLeft })); } function DownloadImagetButton(props) {
How to use @fortawesome/free-solid-svg-icons.faSortAlphaUp:
68 69 70 71 72 73 74 75 76 77
}; CatelougeConfigurationsComponent.prototype.sort = function (field) { if (this.sortField != field) { this.sortType = null; if (field == 'reference') { this.faSortRef = free_solid_svg_icons_1.faSortAlphaUp; this.faSortProd = free_solid_svg_icons_1.faSort; } else { this.faSortRef = free_solid_svg_icons_1.faSort;
How to use @fortawesome/free-solid-svg-icons.faExclamationTriangle:
154 155 156 157 158 159 160 161 162 163
var bsStyle = ""; var icon = ""; switch (this.props.type) { case 'error': bsStyle = "danger"; icon = _freeSolidSvgIcons.faExclamationTriangle; break; case 'warning': bsStyle = "warning"; icon = _freeSolidSvgIcons.faExclamationTriangle;
How to use @fortawesome/free-solid-svg-icons.faCloudDownloadAlt:
613 614 615 616 617 618 619 620 621 622
}), " ", _RecitEditor.i18n.get_string('showroom')))), this.state.showMenu && this.props.type === 'c' && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, { onClick: function onClick(event) { return _this8.onExport(event, _this8.props.dataProvider.myComponents); } }, /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, { icon: _freeSolidSvgIcons.faCloudDownloadAlt }), " ", _RecitEditor.i18n.get_string('export'))), this.props.type === 'l' && /*#__PURE__*/_react["default"].createElement("ul", { className: "mt-2 d-flex flex-wrap justify-content-center" }, this.props.dataProvider.map(function (item, index) { return that.getToken(item, index, true);
How to use @fortawesome/free-solid-svg-icons.faPercent:
26 27 28 29 30 31 32 33 34 35
function SetupFormComponent(apiService, commonService) { this.apiService = apiService; this.commonService = commonService; this.faTimesCircle = free_solid_svg_icons_1.faTimesCircle; this.close = exports.close; this.faPercent = free_solid_svg_icons_1.faPercent; this.faEuroSign = free_solid_svg_icons_1.faEuroSign; this.isLoading = false; this.ivaForm = new forms_1.FormGroup({ iva: new forms_1.FormControl('', forms_1.Validators.required)
How to use @fortawesome/free-solid-svg-icons.faArrowUp:
130 131 132 133 134 135 136 137 138 139
}, title: "Expand vertically", variant: "secondary" }, props), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { key: 1, icon: _freeSolidSvgIcons.faArrowUp }), /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, { key: 2, icon: _freeSolidSvgIcons.faArrowDown }));