diff --git a/assets/images/image-44-32a653bf7bafd901b10cc2b17ea49c67.png b/assets/images/image-44-32a653bf7bafd901b10cc2b17ea49c67.png
deleted file mode 100644
index c8ea4e66c..000000000
Binary files a/assets/images/image-44-32a653bf7bafd901b10cc2b17ea49c67.png and /dev/null differ
diff --git a/assets/images/image-48-9761b09ebebbacd845094097ccd3c21d.png b/assets/images/image-48-9761b09ebebbacd845094097ccd3c21d.png
deleted file mode 100644
index f3a41a286..000000000
Binary files a/assets/images/image-48-9761b09ebebbacd845094097ccd3c21d.png and /dev/null differ
diff --git a/assets/images/image-53-0b984497f4d16d5dc8a11bf93ef79696.png b/assets/images/image-53-0b984497f4d16d5dc8a11bf93ef79696.png
deleted file mode 100644
index 4a1480f65..000000000
Binary files a/assets/images/image-53-0b984497f4d16d5dc8a11bf93ef79696.png and /dev/null differ
diff --git a/assets/images/image-77-a903f5a47beb30e85efd0050c131077e.png b/assets/images/image-77-a903f5a47beb30e85efd0050c131077e.png
new file mode 100644
index 000000000..54dfac804
Binary files /dev/null and b/assets/images/image-77-a903f5a47beb30e85efd0050c131077e.png differ
diff --git a/assets/images/image-78-92bcf803ddfa76db494d4ae65fd3e27d.png b/assets/images/image-78-92bcf803ddfa76db494d4ae65fd3e27d.png
new file mode 100644
index 000000000..6562b7726
Binary files /dev/null and b/assets/images/image-78-92bcf803ddfa76db494d4ae65fd3e27d.png differ
diff --git a/assets/images/image-79-3420f0149777638419d18a35228363e6.png b/assets/images/image-79-3420f0149777638419d18a35228363e6.png
new file mode 100644
index 000000000..b74c44472
Binary files /dev/null and b/assets/images/image-79-3420f0149777638419d18a35228363e6.png differ
diff --git a/assets/js/b3491139.4a3d856f.js b/assets/js/b3491139.4a3d856f.js
new file mode 100644
index 000000000..b54a1aee5
--- /dev/null
+++ b/assets/js/b3491139.4a3d856f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkadminforth=self.webpackChunkadminforth||[]).push([[2641],{1094:(A,n,e)=>{e.r(n),e.d(n,{assets:()=>t,contentTitle:()=>i,default:()=>g,frontMatter:()=>s,metadata:()=>a,toc:()=>C});const a=JSON.parse('{"id":"tutorial/Customization/afcl","title":"AdminForth Components Library","description":"AFCL is a set of components which you can use as build blocks in your AdminForth application.","source":"@site/docs/tutorial/03-Customization/14-afcl.md","sourceDirName":"tutorial/03-Customization","slug":"/tutorial/Customization/afcl","permalink":"/docs/tutorial/Customization/afcl","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":14,"frontMatter":{},"sidebar":"tutorialSidebar","previous":{"title":"Standard pages tuning","permalink":"/docs/tutorial/Customization/standardPagesTuning"},"next":{"title":"Websocket","permalink":"/docs/tutorial/Customization/websocket"}}');var l=e(4848),d=e(8453);const s={},i="AdminForth Components Library",t={},C=[{value:"Button",id:"button",level:2},{value:"Link",id:"link",level:2},{value:"LinkButton",id:"linkbutton",level:2},{value:"Select",id:"select",level:2},{value:"Single",id:"single",level:3},{value:"Multiple",id:"multiple",level:3},{value:"Custom slots for item",id:"custom-slots-for-item",level:3},{value:"Extra item",id:"extra-item",level:3},{value:"Input",id:"input",level:2},{value:"Tooltip",id:"tooltip",level:2},{value:"VerticalTabs",id:"verticaltabs",level:2},{value:"Checkbox",id:"checkbox",level:2},{value:"Dropzone",id:"dropzone",level:2},{value:"Table",id:"table",level:2},{value:"No even highlights",id:"no-even-highlights",level:3},{value:"Custom cell",id:"custom-cell",level:3},{value:"Custom header",id:"custom-header",level:3},{value:"Pagination",id:"pagination",level:2},{value:"Bar Chart",id:"bar-chart",level:2},{value:"Y-axis labels",id:"y-axis-labels",level:3},{value:"X-axis labels and formatting labels",id:"x-axis-labels-and-formatting-labels",level:3},{value:"Grid",id:"grid",level:3},{value:"Data labels",id:"data-labels",level:3},{value:"Stacked bars and legend",id:"stacked-bars-and-legend",level:3},{value:"Horizontal bars",id:"horizontal-bars",level:3},{value:"Area Chart",id:"area-chart",level:2},{value:"Stacked area",id:"stacked-area",level:3},{value:"Data labels",id:"data-labels-1",level:3},{value:"Grid, x-axis and y-axis labels",id:"grid-x-axis-and-y-axis-labels",level:3},{value:"Pie Chart",id:"pie-chart",level:2},{value:"Basic",id:"basic",level:3},{value:"Pie with data labels",id:"pie-with-data-labels",level:3},{value:"Donut Chart",id:"donut-chart",level:3},{value:"Fill donut with total info",id:"fill-donut-with-total-info",level:3},{value:"Radial bar chart",id:"radial-bar-chart",level:3}];function h(A){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",p:"p",pre:"pre",...(0,d.R)(),...A.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.header,{children:(0,l.jsx)(n.h1,{id:"adminforth-components-library",children:"AdminForth Components Library"})}),"\n",(0,l.jsx)(n.p,{children:"AFCL is a set of components which you can use as build blocks in your AdminForth application.\nAFCL allows to keep the design consistent with minimal efforts and build new pages faster.\nAFCL components follow styling standard and respect theme colors."}),"\n",(0,l.jsx)(n.h2,{id:"button",children:"Button"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Button } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n\n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Button",src:e(7069).A+"",width:"973",height:"971"})})})]}),"\n",(0,l.jsx)(n.p,{children:"loader prop would show loader when it's true."}),"\n",(0,l.jsx)(n.h2,{id:"link",children:"Link"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Link } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'Go to login\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Link",src:e(5327).A+"",width:"971",height:"970"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"linkbutton",children:"LinkButton"}),"\n",(0,l.jsxs)(n.p,{children:["Looks like button but works like link. Uses ",(0,l.jsx)(n.code,{children:"router-link"})," under the hood."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { LinkButton } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'Go to login\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL LinkButton",src:e(8998).A+"",width:"970",height:"971"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"select",children:"Select"}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Select } from '@/afcl'\n\n\nconst selected = ref(null)\n"})}),"\n",(0,l.jsx)(n.h3,{id:"single",children:"Single"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select",src:e(2921).A+"",width:"974",height:"975"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"multiple",children:"Multiple"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select",src:e(9103).A+"",width:"974",height:"967"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"custom-slots-for-item",children:"Custom slots for item"}),"\n",(0,l.jsx)(n.p,{children:"You can customize item and selected item using slots."}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select custom item",src:e(1296).A+"",width:"771",height:"768"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"extra-item",children:"Extra item"}),"\n",(0,l.jsx)(n.p,{children:"You might need to put some extra item at bottom of list"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select extra item",src:e(2705).A+"",width:"775",height:"777"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"input",children:"Input"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Input } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n USD\n \n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Input",src:e(8484).A+"",width:"772",height:"767"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"tooltip",children:"Tooltip"}),"\n",(0,l.jsxs)(n.p,{children:["Wrap an element on which you would like to show a tooltip with the ",(0,l.jsx)(n.code,{children:"Tooltip"})," component and add a ",(0,l.jsx)(n.code,{children:"tooltip"})," slot to it."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Tooltip } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n \n \n\n \n Search for AdminForth\n \n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Tooltip",src:e(2579).A+"",width:"781",height:"776"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"verticaltabs",children:"VerticalTabs"}),"\n",(0,l.jsxs)(n.p,{children:["Wrap each tab lable in tamplate with v-slot value ",(0,l.jsx)(n.code,{children:"tab:TAB_ALIAS"}),". Wrap each tab content in tamplate with v-slot value ",(0,l.jsx)(n.code,{children:"TAB_ALIAS"}),". ",(0,l.jsx)(n.code,{children:"TAB_ALIAS"})," is a unique identifier for each tab here. Place all templates inside ",(0,l.jsx)(n.code,{children:"VerticalTabs"})," component."]}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { VerticalTabs } from '@/afcl'\nimport { IconGridSolid, IconUserCircleSolid } from '@iconify-prerendered/vue-flowbite';\n"})}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n \n Profile\n \n \n \n Board\n \n \n
Profile Tab
\n
This is some placeholder content the Profile tab\'s associated content
\n"})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table",src:e(9918).A+"",width:"779",height:"780"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"no-even-highlights",children:"No even highlights"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"
\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table with custom header",src:e(7114).A+"",width:"973",height:"975"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,l.jsxs)(n.p,{children:["Table provides front-end side pagination. You can set ",(0,l.jsx)(n.code,{children:"pageSize"})," (default is 10) to set how many rows to show per page.\nIf there is less then ",(0,l.jsx)(n.code,{children:"pageSize"})," rows, pagination will not be shown."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"
\n
\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table with pagination",src:e(929).A+"",width:"971",height:"966"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"bar-chart",children:"Bar Chart"}),"\n",(0,l.jsxs)(n.p,{children:["Under the hood AdminForth uses MIT-licensed ",(0,l.jsx)(n.a,{href:"https://apexcharts.com/",children:"ApexCharts"}),". It has very rich variety of options, you can pass\nany of native settings to ",(0,l.jsx)(n.code,{children:"options"})," prop. Here we will only show some basics."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Bar chart",src:e(7090).A+"",width:"970",height:"975"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"y-axis-labels",children:"Y-axis labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart y Axis labels",src:e(8635).A+"",width:"976",height:"974"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"x-axis-labels-and-formatting-labels",children:"X-axis labels and formatting labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart x Axis labels",src:e(1072).A+"",width:"971",height:"973"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"grid",children:"Grid"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart grid",src:e(5273).A+"",width:"971",height:"970"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"data-labels",children:"Data labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart data labels",src:e(4595).A+"",width:"773",height:"773"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"stacked-bars-and-legend",children:"Stacked bars and legend"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart stacked bars",src:e(2682).A+"",width:"771",height:"774"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"horizontal-bars",children:"Horizontal bars"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart horizontal bars",src:e(9805).A+"",width:"774",height:"776"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"area-chart",children:"Area Chart"}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-ts",children:"import { AreaChart } from '@/afcl'\n"})}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n\n
\n ![AreaChart](image-68.png)\n
\n\n\n### Multiple lines\n\n
\n\n
\n```html\n\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AreaChart multiple lines",src:e(3345).A+"",width:"967",height:"970"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"stacked-area",children:"Stacked area"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AreaChart stacked area",src:e(1655).A+"",width:"969",height:"964"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"data-labels-1",children:"Data labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Area Chart Data Lables",src:e(3400).A+"",width:"970",height:"968"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"grid-x-axis-and-y-axis-labels",children:"Grid, x-axis and y-axis labels"}),"\n",(0,l.jsxs)(n.p,{children:["See ",(0,l.jsx)(n.a,{href:"#bar-chart",children:"Bar Chart"})," for details, the config is the same."]}),"\n",(0,l.jsx)(n.h2,{id:"pie-chart",children:"Pie Chart"}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-ts",children:"import { PieChart } from '@/afcl'\n"})}),"\n",(0,l.jsx)(n.h3,{id:"basic",children:"Basic"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Pie Chart",src:e(92).A+"",width:"974",height:"968"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"pie-with-data-labels",children:"Pie with data labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Pie Chart with data labels",src:e(8567).A+"",width:"974",height:"977"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"donut-chart",children:"Donut Chart"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Donut Chart",src:e(259).A+"",width:"971",height:"973"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"fill-donut-with-total-info",children:"Fill donut with total info"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:" `11`,\n//diff-add\n },\n//diff-add\n },\n//diff-add\n },\n//diff-add\n },\n },\n }\"\n/>\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Donut Chart with total",src:e(8682).A+"",width:"973",height:"972"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"radial-bar-chart",children:"Radial bar chart"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:" \n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Radial Chart",src:e(2981).A+"",width:"966",height:"968"})})})]})]})}function g(A={}){const{wrapper:n}={...(0,d.R)(),...A.components};return n?(0,l.jsx)(n,{...A,children:(0,l.jsx)(h,{...A})}):h(A)}},4595:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-36-62fc7cc6a1ddf10c20e2494fc9876263.png"},2682:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-37-7488ebab90f9a2ea003028a8857f1de4.png"},9805:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-38-8c6afd69cd31ca70916adc841d6b1d8d.png"},2705:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-45-073e1fc65c56359d02580c6806403f4a.png"},8484:(A,n,e)=>{e.d(n,{A:()=>a});const a="data:image/png;base64,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AAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKAwQQAAAIUJAgAAKEwQAABAYYIAAAAKEwQAAFCYIAAAgMIEAQAAFCYIAACgMEEAAACFCQIAAChMEAAAQGGCAAAAChMEAABQmCAAAIDCBAEAABQmCAAAoDBBAAAAhQkCAAAoTBAAAEBhggAAAAoTBAAAUJggAACAwgQBAAAUJggAAKCw/w9PLJfrOxInDAAAAABJRU5ErkJggg=="},2579:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-47-62fddc0df554da3798bd1171c52bf57d.png"},8231:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-50-8dbb14b0bd997218f6fa74d800339e5c.png"},9918:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-51-e3cbc3beac1bf6bc8045ca5efb14e8d0.png"},7269:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-52-7389ce33ecc09f811ecbe639ea2a563a.png"},7114:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-55-be1539977022574e6bd11cb813b2e978.png"},929:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-56-41790d19ea9cf5449340d3bf13769406.png"},5327:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-58-06f78a315854947596d30c1bb3b7b659.png"},8998:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-59-0ad222dd2bc8ab55cfc06f5485940c9c.png"},2921:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-60-953334a99716dc4f583ff328f9f11341.png"},9103:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-61-81bad5db228da3a2face4431ac9dbf33.png"},3828:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-62-18f325e3cf1bad9a3a32f515adf69dc4.png"},7069:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-63-ddb21043610ebce46f0c1f45dedeefcd.png"},7090:(A,n,e)=>{e.d(n,{A:()=>a});const a="data:image/png;base64,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AAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAACCUAYAAIAglAEAACAIZQAAAAhCGQAAAIJQBgAAgCCUAQAAIAhlAAAACEIZAAAAglAGAACAIJQBAAAgCGUAAAAIQhkAAADCfwP0DSbvUGbXMgAAAABJRU5ErkJggg=="},8635:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-65-7bbb68350ce9092d65edfec7f0b42045.png"},1072:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-66-730b22e70b45b7f0cd497d981dc2e7da.png"},5273:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-67-c0c5da3a11d984cf40bbed16fd4c8bb4.png"},1655:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-69-4be1972c85e494ade69bfef32aeb8a0a.png"},3345:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-70-9eb6c5fe0fbd7299ef52c2815e48396d.png"},3400:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-71-16f6a92910588b292ca4045d14f7d383.png"},259:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-72-a6ea1ecf9248bbd0bbf340e741e37287.png"},8682:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-73-d68baeded90de1d85d2491f7c6820230.png"},2981:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-74-3507871c0c4df2dafe75efc7a8096e45.png"},92:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-75-8a81388b8e1e3e3f0d64c91274a4bbdb.png"},8567:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-76-37f14d5b3b0793c800e0b0cc0786eb4a.png"},7230:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-77-a903f5a47beb30e85efd0050c131077e.png"},6121:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-78-92bcf803ddfa76db494d4ae65fd3e27d.png"},1296:(A,n,e)=>{e.d(n,{A:()=>a});const a=e.p+"assets/images/image-79-3420f0149777638419d18a35228363e6.png"},8453:(A,n,e)=>{e.d(n,{R:()=>s,x:()=>i});var a=e(6540);const l={},d=a.createContext(l);function s(A){const n=a.useContext(d);return a.useMemo((function(){return"function"==typeof A?A(n):{...n,...A}}),[n,A])}function i(A){let n;return n=A.disableParentContext?"function"==typeof A.components?A.components(l):A.components||l:s(A.components),a.createElement(d.Provider,{value:n},A.children)}}}]);
\ No newline at end of file
diff --git a/assets/js/b3491139.9d6d7b5d.js b/assets/js/b3491139.9d6d7b5d.js
deleted file mode 100644
index d4b634659..000000000
--- a/assets/js/b3491139.9d6d7b5d.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkadminforth=self.webpackChunkadminforth||[]).push([[2641],{1094:(A,n,e)=>{e.r(n),e.d(n,{assets:()=>t,contentTitle:()=>i,default:()=>g,frontMatter:()=>s,metadata:()=>a,toc:()=>C});const a=JSON.parse('{"id":"tutorial/Customization/afcl","title":"AdminForth Components Library","description":"AFCL is a set of components which you can use as build blocks in your AdminForth application.","source":"@site/docs/tutorial/03-Customization/14-afcl.md","sourceDirName":"tutorial/03-Customization","slug":"/tutorial/Customization/afcl","permalink":"/docs/tutorial/Customization/afcl","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":14,"frontMatter":{},"sidebar":"tutorialSidebar","previous":{"title":"Standard pages tuning","permalink":"/docs/tutorial/Customization/standardPagesTuning"},"next":{"title":"Websocket","permalink":"/docs/tutorial/Customization/websocket"}}');var l=e(4848),d=e(8453);const s={},i="AdminForth Components Library",t={},C=[{value:"Button",id:"button",level:2},{value:"Link",id:"link",level:2},{value:"LinkButton",id:"linkbutton",level:2},{value:"Select",id:"select",level:2},{value:"Single",id:"single",level:3},{value:"Multiple",id:"multiple",level:3},{value:"Custom slots for item",id:"custom-slots-for-item",level:3},{value:"Extra item",id:"extra-item",level:3},{value:"Input",id:"input",level:2},{value:"Tooltip",id:"tooltip",level:2},{value:"VerticalTabs",id:"verticaltabs",level:2},{value:"Checkbox",id:"checkbox",level:2},{value:"Dropzone",id:"dropzone",level:2},{value:"Table",id:"table",level:2},{value:"No even highlights",id:"no-even-highlights",level:3},{value:"Custom cell",id:"custom-cell",level:3},{value:"Custom header",id:"custom-header",level:3},{value:"Pagination",id:"pagination",level:2},{value:"Bar Chart",id:"bar-chart",level:2},{value:"Y-axis labels",id:"y-axis-labels",level:3},{value:"X-axis labels and formatting labels",id:"x-axis-labels-and-formatting-labels",level:3},{value:"Grid",id:"grid",level:3},{value:"Data labels",id:"data-labels",level:3},{value:"Stacked bars and legend",id:"stacked-bars-and-legend",level:3},{value:"Horizontal bars",id:"horizontal-bars",level:3},{value:"Area Chart",id:"area-chart",level:2},{value:"Stacked area",id:"stacked-area",level:3},{value:"Data labels",id:"data-labels-1",level:3},{value:"Grid, x-axis and y-axis labels",id:"grid-x-axis-and-y-axis-labels",level:3},{value:"Pie Chart",id:"pie-chart",level:2},{value:"Basic",id:"basic",level:3},{value:"Pie with data labels",id:"pie-with-data-labels",level:3},{value:"Donut Chart",id:"donut-chart",level:3},{value:"Fill donut with total info",id:"fill-donut-with-total-info",level:3},{value:"Radial bar chart",id:"radial-bar-chart",level:3}];function h(A){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",p:"p",pre:"pre",...(0,d.R)(),...A.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.header,{children:(0,l.jsx)(n.h1,{id:"adminforth-components-library",children:"AdminForth Components Library"})}),"\n",(0,l.jsx)(n.p,{children:"AFCL is a set of components which you can use as build blocks in your AdminForth application.\nAFCL allows to keep the design consistent with minimal efforts and build new pages faster.\nAFCL components follow styling standard and respect theme colors."}),"\n",(0,l.jsx)(n.h2,{id:"button",children:"Button"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Button } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n\n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Button",src:e(7069).A+"",width:"973",height:"971"})})})]}),"\n",(0,l.jsx)(n.p,{children:"loader prop would show loader when it's true."}),"\n",(0,l.jsx)(n.h2,{id:"link",children:"Link"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Link } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'Go to login\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Link",src:e(5327).A+"",width:"971",height:"970"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"linkbutton",children:"LinkButton"}),"\n",(0,l.jsxs)(n.p,{children:["Looks like button but works like link. Uses ",(0,l.jsx)(n.code,{children:"router-link"})," under the hood."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { LinkButton } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'Go to login\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL LinkButton",src:e(8998).A+"",width:"970",height:"971"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"select",children:"Select"}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Select } from '@/afcl'\n\n\nconst selected = ref(null)\n"})}),"\n",(0,l.jsx)(n.h3,{id:"single",children:"Single"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select",src:e(2921).A+"",width:"974",height:"975"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"multiple",children:"Multiple"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select",src:e(9103).A+"",width:"974",height:"967"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"custom-slots-for-item",children:"Custom slots for item"}),"\n",(0,l.jsx)(n.p,{children:"You can customize item and selected item using slots."}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n
\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select custom template",src:e(8088).A+"",width:"770",height:"775"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"extra-item",children:"Extra item"}),"\n",(0,l.jsx)(n.p,{children:"You might need to put some extra item at bottom of list"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Select extra item",src:e(2705).A+"",width:"775",height:"777"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"input",children:"Input"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Input } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n USD\n \n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Input",src:e(8484).A+"",width:"772",height:"767"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"tooltip",children:"Tooltip"}),"\n",(0,l.jsxs)(n.p,{children:["Wrap an element on which you would like to show a tooltip with the ",(0,l.jsx)(n.code,{children:"Tooltip"})," component and add a ",(0,l.jsx)(n.code,{children:"tooltip"})," slot to it."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { Tooltip } from '@/afcl'\n"})}),(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n \n \n\n \n Search for AdminForth\n \n\n'})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Tooltip",src:e(2579).A+"",width:"781",height:"776"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"verticaltabs",children:"VerticalTabs"}),"\n",(0,l.jsxs)(n.p,{children:["Wrap each tab lable in tamplate with v-slot value ",(0,l.jsx)(n.code,{children:"tab:TAB_ALIAS"}),". Wrap each tab content in tamplate with v-slot value ",(0,l.jsx)(n.code,{children:"TAB_ALIAS"}),". ",(0,l.jsx)(n.code,{children:"TAB_ALIAS"})," is a unique identifier for each tab here. Place all templates inside ",(0,l.jsx)(n.code,{children:"VerticalTabs"})," component."]}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-js",children:"import { VerticalTabs } from '@/afcl'\nimport { IconGridSolid, IconUserCircleSolid } from '@iconify-prerendered/vue-flowbite';\n"})}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:'\n \n \n Profile\n \n \n \n Board\n \n \n
Profile Tab
\n
This is some placeholder content the Profile tab\'s associated content
\n"})})]}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table",src:e(9918).A+"",width:"779",height:"780"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"no-even-highlights",children:"No even highlights"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"
\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table with custom header",src:e(7114).A+"",width:"973",height:"975"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"pagination",children:"Pagination"}),"\n",(0,l.jsxs)(n.p,{children:["Table provides front-end side pagination. You can set ",(0,l.jsx)(n.code,{children:"pageSize"})," (default is 10) to set how many rows to show per page.\nIf there is less then ",(0,l.jsx)(n.code,{children:"pageSize"})," rows, pagination will not be shown."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"
\n
\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"AFCL Table with pagination",src:e(929).A+"",width:"971",height:"966"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"bar-chart",children:"Bar Chart"}),"\n",(0,l.jsxs)(n.p,{children:["Under the hood AdminForth uses MIT-licensed ",(0,l.jsx)(n.a,{href:"https://apexcharts.com/",children:"ApexCharts"}),". It has very rich variety of options, you can pass\nany of native settings to ",(0,l.jsx)(n.code,{children:"options"})," prop. Here we will only show some basics."]}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"Bar chart",src:e(7090).A+"",width:"970",height:"975"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"y-axis-labels",children:"Y-axis labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart y Axis labels",src:e(8635).A+"",width:"976",height:"974"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"x-axis-labels-and-formatting-labels",children:"X-axis labels and formatting labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart x Axis labels",src:e(1072).A+"",width:"971",height:"973"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"grid",children:"Grid"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart grid",src:e(5273).A+"",width:"971",height:"970"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"data-labels",children:"Data labels"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart data labels",src:e(4595).A+"",width:"773",height:"773"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"stacked-bars-and-legend",children:"Stacked bars and legend"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart stacked bars",src:e(2682).A+"",width:"771",height:"774"})})})]}),"\n",(0,l.jsx)(n.h3,{id:"horizontal-bars",children:"Horizontal bars"}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n"})})}),(0,l.jsx)("div",{children:(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{alt:"BarChart horizontal bars",src:e(9805).A+"",width:"774",height:"776"})})})]}),"\n",(0,l.jsx)(n.h2,{id:"area-chart",children:"Area Chart"}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-ts",children:"import { AreaChart } from '@/afcl'\n"})}),"\n",(0,l.jsxs)("div",{class:"split-screen",children:[(0,l.jsx)("div",{children:(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-html",children:"\n
Wrap each tab lable in tamplate with v-slot value tab:TAB_ALIAS. Wrap each tab content in tamplate with v-slot value TAB_ALIAS. TAB_ALIAS is a unique identifier for each tab here. Place all templates inside VerticalTabs component.