Color entry
Introduction
Section titled “Introduction”ColorEntry renders a small swatch (or-color-swatch) beside the hex / CSS color string so brand accents and theme tokens are obvious at a glance on the view page. Empty state uses .placeholder(...) instead of inventing #000000 for display when a placeholder is set.
Pair with .copyable() when operators need to grab the hex. Label chrome follows the stacked default from the overview.
Basic color entry
Section titled “Basic color entry”from almasix.orbit.infolists import ColorEntry
ColorEntry.make("accent").label("Accent")
Copyable
Section titled “Copyable”.copyable() wraps the swatch + value so users can copy the hex. Pair with .copy_message(...) for toast-style feedback attributes.
ColorEntry.make("accent").label("Accent").copyable().copy_message("Hex copied")
Placeholder
Section titled “Placeholder”.placeholder(...) is the empty-state copy when the record has no color. Orbit does not invent #000000 for display in that case.
ColorEntry.make("accent").label("Accent").placeholder("No accent set")
API cheat sheet
Section titled “API cheat sheet”| Method | Notes |
|---|---|
.copyable / .copy_message / .copy_message_duration |
Clipboard |
.placeholder |
Empty-state text |
| Shared chrome | Label, helper, hint, tooltip — see overview |