4e:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 4f:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 50:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 51:T1cfc,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; export type PodPhase = | "Running" | "Pending" | "Succeeded" | "Failed" | "CrashLoopBackOff" | "ContainerCreating" | "Terminating"; const phaseMeta: Record = { Running: { className: "border-success/30 bg-success/10 text-success" }, Succeeded: { className: "border-border bg-accent text-muted-foreground", }, Pending: { className: "border-warning/30 bg-warning/10 text-warning" }, ContainerCreating: { className: "border-info/30 bg-info/10 text-info", live: true, }, Terminating: { className: "border-border bg-accent text-muted-foreground", live: true, }, Failed: { className: "border-destructive/30 bg-destructive/10 text-destructive", }, CrashLoopBackOff: { className: "border-destructive/30 bg-destructive/10 text-destructive", }, }; type K8sPodTableProps = React.ComponentProps<"table"> & { caption?: React.ReactNode; }; function K8sPodTable({ className, caption, children, ...props }: K8sPodTableProps) { return (

{caption ? ( ) : null} {children}

); } function K8sPodTableHeader({ className, ...props }: React.ComponentProps<"thead">) { return ( ); } function K8sPodTableHead({ className, ...props }: React.ComponentProps<"th">) { return ( ); } function K8sPodTableBody({ className, ...props }: React.ComponentProps<"tbody">) { return ( ); } function K8sPodTableRow({ className, ...props }: React.ComponentProps<"tr">) { return ( ); } function K8sPodTableCell({ className, ...props }: React.ComponentProps<"td">) { return ( ); } type K8sPodNameProps = React.ComponentProps<"td"> & { namespace?: React.ReactNode; }; function K8sPodName({ namespace, className, children, ...props }: K8sPodNameProps) { return (

{children} {namespace ? ( {namespace} ) : null}

); } type K8sPodPhaseProps = Omit, "children"> & { phase: PodPhase; children?: React.ReactNode; }; function K8sPodPhase({ phase, className, children, ...props }: K8sPodPhaseProps) { const meta = phaseMeta[phase]; return ( {meta.live ? ( ) : null} {children ?? phase} ); } type K8sPodRestartsProps = React.ComponentProps<"td"> & { count: number; /** Count at or above which restarts read as unhealthy. */ warnAt?: number; }; function K8sPodRestarts({ count, warnAt = 3, className, ...props }: K8sPodRestartsProps) { return ( = warnAt ? "text-destructive" : "text-muted-foreground", className, )} {...props} > {count} ); } export { K8sPodTable, K8sPodTableHeader, K8sPodTableHead, K8sPodTableBody, K8sPodTableRow, K8sPodTableCell, K8sPodName, K8sPodPhase, K8sPodRestarts, }; const POD_ROWS: { name: string; ns: string; phase: PodPhase; ready: string; restarts: number; age: string; node: string; }[] = [ { name: "api-7d9f8c-2xk4p", ns: "default", phase: "Running", ready: "2/2", restarts: 0, age: "6d", node: "node-1", }, { name: "api-7d9f8c-9m1qz", ns: "default", phase: "Running", ready: "2/2", restarts: 1, age: "6d", node: "node-2", }, { name: "worker-5b6a-jj20d", ns: "jobs", phase: "ContainerCreating", ready: "0/1", restarts: 0, age: "12s", node: "node-3", }, { name: "cache-0", ns: "data", phase: "CrashLoopBackOff", ready: "0/1", restarts: 7, age: "3h", node: "node-1", }, { name: "migrate-28471", ns: "jobs", phase: "Succeeded", ready: "0/1", restarts: 0, age: "1h", node: "node-2", }, ]; export default function K8sPodTableBlock() { return (

Pod Status Ready Restarts Age Node {POD_ROWS.map((pod) => ( {pod.name} {pod.ready} {pod.age} {pod.node} ))}

); } 4a:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4e",null,{"registryDependencies":[]}]]}],["$","$L4f",null,{"sourceUrl":"https://hirael.com/r/k8s-pod-table.json","proxyUrl":"https://shadcnregistry.com/r/hirael/k8s-pod-table","itemId":"@hirael/k8s-pod-table"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L50",null,{"files":[{"path":"registry/hirael/blocks/k8s-pod-table/k8s-pod-table.tsx","content":"$51","type":"registry:block","target":"components/blocks/k8s-pod-table.tsx"}]}]]}],"$L52"]}]

K8s Pod Table

Installation

Files

components

Styles