Chip component for PDF documents.
Renders a compact rounded label/tag element, useful for displaying categories, tags, status indicators, or filter selections.
Inspired by Material UI's Chip component.
Examples
# Simple chip
doc |> Pdf.Component.Chip.render({50, 400}, %{label: "Elixir"})
# Outlined chip
doc |> Pdf.Component.Chip.render({50, 400}, %{
label: "Active",
variant: :outlined,
color: {0.18, 0.72, 0.45}
})
# Filled chip with custom colors
doc |> Pdf.Component.Chip.render({50, 400}, %{
label: "Priority",
background: {0.85, 0.26, 0.33},
color: :white
})Summary
Functions
Render a chip at {x, y} (top-left corner).
Functions
Render a chip at {x, y} (top-left corner).
Returns {doc, width} — the document and the rendered chip width.
Style options
:label— text to display (required):variant—:filled(default) or:outlined:background— fill color for filled variant (default light gray):color— text/border color (default dark gray):font— font name (default"Helvetica"):font_size— font size (default10):height— chip height in points (default24):padding_h— horizontal padding (default10):border— border width for outlined variant (default1)