Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/207.4c4589af.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[207],{2673:function(e,s,a){"use strict";a.r(s);var t=a(163),c=a(1090),n=a(194),r=a(1);s.default=function(){return Object(r.jsx)(t.a,{header:Object(r.jsx)("div",{className:"flex flex-1 items-center justify-between p-12 md:p-24",children:Object(r.jsxs)("div",{className:"flex flex-col",children:[Object(r.jsxs)("div",{className:"flex items-center mb-16",children:[Object(r.jsx)(c.a,{className:"text-18",color:"action",children:"home"}),Object(r.jsx)(c.a,{className:"text-16",color:"action",children:"chevron_right"}),Object(r.jsx)(n.a,{color:"textSecondary",className:"font-medium",children:"User Interface"})]}),Object(r.jsx)(n.a,{variant:"h6",className:"text-18 sm:text-24 font-semibold",children:"Helper Classes"})]})}),content:Object(r.jsxs)("div",{className:"p-12 md:p-24 max-w-2xl",children:[Object(r.jsxs)("div",{children:[Object(r.jsx)(n.a,{className:"mb-8",variant:"h5",children:"Styling in Material-UI"}),Object(r.jsxs)(n.a,{className:"mb-16",component:"p",children:["Fuse React developed based on Material-UI as ui library.",Object(r.jsx)("a",{className:"mx-4",href:"https://material-ui-next.com/customization/css-in-js",target:"_blank",rel:"noopener noreferrer",children:"Material-UI's styling solution"}),"uses JSS at its core. Therefore the Fuse React supports",Object(r.jsx)("a",{className:"mx-4",href:"http://cssinjs.org/",target:"_blank",rel:"noopener noreferrer",children:"JSS (CSSinJS library)"})]})]}),Object(r.jsxs)("div",{children:[Object(r.jsx)(n.a,{className:"mt-32 mb-8",variant:"h5",children:"Helper Classes with TailwindCSS"}),Object(r.jsxs)(n.a,{className:"mb-16",component:"p",children:["We are accepting JSS advantages but we can't leave ",Object(r.jsx)("b",{children:"helper classes"})," for fast development, ease of use, globally access etc. So we have used both in components."]}),Object(r.jsxs)(n.a,{className:"mb-16",component:"p",children:["We are using",Object(r.jsx)("a",{className:"mx-4",href:"https://tailwindcss.com",target:"_blank",rel:"noopener noreferrer",children:"TailwindCSS"}),"as an engine for generating helper classes. It's not an UI kit and it's customizable. You can find the config file of Tailwind with named \"",Object(r.jsx)("b",{children:"tailwind.js"}),'" under the root of Fuse React.']})]})]})})}}}]);
Mini Shell