[{"_1":2,"_56":-5,"_57":-5},"loaderData",{"_3":4,"_7":8},"root",{"_5":6},"version","1.0.20","routes/docs.components.$type.$name.($page)",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_46":47},"type","core","key","table/api","page","api","name","table","doc",{"_19":20,"_21":22,"_23":16,"_24":25,"_30":31,"_32":33,"_9":43,"_44":45},"title","","published",true,"component","body",{"_26":27,"_28":29},"raw","import meta from './Table.meta.tsx';\n\n\n\n
\n\n\n\n \n With TanStack\n \n \n\n\n\n","code","var Component=(()=>{var f=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var w=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),V=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,l)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let n of x(t))!y.call(e,n)&&n!==o&&i(e,n,{get:()=>t[n],enumerable:!(l=g(t,n))||l.enumerable});return e};var h=(e,t,o)=>(o=e!=null?f(C(e)):{},m(t||!e||!e.__esModule?i(o,\"default\",{value:e,enumerable:!0}):o,e)),R=e=>m(i({},\"__esModule\",{value:!0}),e);var T=w((H,d)=>{d.exports=_jsx_runtime});var j={};V(j,{default:()=>p,frontmatter:()=>_});var a=h(T());var c={description:\"A responsive table component.\",tags:{root:[\"WIP\"]},anatomy:`\n \n\n \n \n \n {/* more ... */}\n \n \n\n \n \n \n {/* more ... */}\n \n \n\n \n \n \n {/* more ... */}\n \n \n\n \n\n

\n `};var _={component:\"table\"};function u(e){let{ComponentPageUsage:t,DemoScenariosSection:o,VersatileTabs2:l,VersatileTabs2Content:n,VersatileTabs2List:s,VersatileTabs2Trigger:b}=e.components||{};return t||r(\"ComponentPageUsage\",!0),o||r(\"DemoScenariosSection\",!0),l||r(\"VersatileTabs2\",!0),n||r(\"VersatileTabs2Content\",!0),s||r(\"VersatileTabs2List\",!0),b||r(\"VersatileTabs2Trigger\",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t,{demoId:\"table-default-demo\",enableHeading:!0,anatomy:c.anatomy}),`\n`,(0,a.jsx)(\"br\",{}),`\n`,(0,a.jsx)(o,{}),`\n`,(0,a.jsxs)(l,{defaultValue:\"table-data-demo\",compact:!0,children:[(0,a.jsx)(s,{children:(0,a.jsx)(b,{value:\"table-data-demo\",children:\"With TanStack\"})}),(0,a.jsx)(n,{value:\"table-data-demo\",demoId:\"table-data-demo\"})]})]})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(u,{...e})}):u(e)}function r(e,t){throw new Error(\"Expected \"+(t?\"component\":\"object\")+\" `\"+e+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return R(j);})();\n;return Component;","_id","components/ui/Table/Table.api.mdx","_raw",{"_34":31,"_35":36,"_37":38,"_39":40,"_41":42},"sourceFilePath","sourceFileName","Table.api.mdx","sourceFileDir","components/ui/Table","contentType","mdx","flattenedPath","components/ui/Table/Table.api","Doc","url","/components/ui/table/table.api","meta",{"_48":49,"_50":51,"_54":55},"description","A responsive table component.","tags",{"_3":52},[53],"WIP","anatomy","\n \n\n \n \n \n {/* more ... */}\n \n \n\n \n \n \n {/* more ... */}\n \n \n\n \n \n \n {/* more ... */}\n \n \n\n \n\n

\n ","actionData","errors"]

A list of your recent invoices.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

A list of your recent invoices.
Invoice	Status	Method	Amount
INV001	Paid	Credit Card	$250.00
INV002	Pending	PayPal	$150.00
INV003	Unpaid	Bank Transfer	$350.00
INV004	Paid	Credit Card	$450.00
INV005	Paid	PayPal	$550.00
INV006	Pending	Bank Transfer	$200.00
INV007	Unpaid	Credit Card	$300.00
Total			$2,500.00

table/api

Usage

DEMO / Scenario