Reusable Hiccup UI components for the dev dashboard.
Reusable Hiccup UI components for the dev dashboard.
(card {:keys [title right flush?]} & body)Renders a card component with an optional header title and right slot. opts — {:title :right :flush?} body — child hiccup elements
Renders a card component with an optional header title and right slot.
opts — {:title :right :flush?}
body — child hiccup elements(code-block content)Renders a preformatted code block.
Renders a preformatted code block.
(count-badge count variant)Renders a count badge with an optional variant class. count — number to display variant — optional string for additional CSS variant class
Renders a count badge with an optional variant class. count — number to display variant — optional string for additional CSS variant class
(data-table {:keys [columns col-template rows]})Renders a grid-based data table with a header row and data rows. opts — {:columns ["Name" ...] :col-template "1fr 1fr" :rows [{:cells [...] :attrs {...}} ...]}
Renders a grid-based data table with a header row and data rows.
opts — {:columns ["Name" ...] :col-template "1fr 1fr" :rows [{:cells [...] :attrs {...}} ...]}(detail-panel {:keys [variant]} & children)Renders a detail panel. :error variant adds a red border class. opts — {:variant :error|nil} children — child hiccup elements
Renders a detail panel. :error variant adds a red border class.
opts — {:variant :error|nil}
children — child hiccup elements(filter-bar & children)Renders a flex container for filter controls.
Renders a flex container for filter controls.
(filter-input attrs)Renders a filter text input. attrs — HTML attribute map (e.g. {:name :placeholder :value})
Renders a filter text input.
attrs — HTML attribute map (e.g. {:name :placeholder :value})(filter-select attrs options)Renders a filter select dropdown. attrs — HTML attribute map options — seq of {:value :label} maps
Renders a filter select dropdown.
attrs — HTML attribute map
options — seq of {:value :label} maps(fix-box {:keys [repl-command cli-command]})Renders a fix suggestion box with REPL and CLI commands. opts — {:repl-command :cli-command}
Renders a fix suggestion box with REPL and CLI commands.
opts — {:repl-command :cli-command}(interceptor-chain steps)Renders a horizontal interceptor chain flow diagram. steps — seq of {:name :type} maps
Renders a horizontal interceptor chain flow diagram.
steps — seq of {:name :type} maps(method-badge method)Renders a color-coded HTTP method badge. method — keyword :get :post :put :delete :patch
Renders a color-coded HTTP method badge. method — keyword :get :post :put :delete :patch
(stat-card {:keys [label value value-class sub sub-class]})Renders a stat card with a label, value, and optional sub text. Options: {:label :value :value-class :sub :sub-class}
Renders a stat card with a label, value, and optional sub text.
Options: {:label :value :value-class :sub :sub-class}(status-dot status)Renders a status indicator dot. status — :healthy :error :warning
Renders a status indicator dot. status — :healthy :error :warning
cljdoc builds & hosts documentation for Clojure/Script libraries
| Ctrl+k | Jump to recent docs |
| ← | Move to previous article |
| → | Move to next article |
| Ctrl+/ | Jump to the search field |