x
1
2
3
4
<span class="lui-label"> <i class="fa-regular fa-xmark lui-label__icon"></i> <span class="lui-label__text">something</span></span>No Usage documentation to display.
1
render(LooposUi::Label.new(text: "something", icon: "fa-regular fa-xmark"))No notes provided.
No params configured.
Description
There are four label components:
Label- base label component, should only be used to build other label components.CounterLabelStateLabelDoubleStateLabel- counter label joined with state label
Arguments
CounterLabel and StateLabel
| Property | Default | Description |
|---|---|---|
text |
nil |
Label text |
icon |
nil |
Font awesome class |
color |
nil |
Symbol for the color to use |
condensed |
false |
Hide text, show only icon |
The color property represents both the background and the text color. They can be one of the following:
CounterLabel: :manager, :core, :hubs, :submission, :validation, :handling, :default
StateLabel: :success, :danger, :warning, :neutral, :informative, :draft
DoubleStateLabel
| Property | Required | Default | Description |
|---|---|---|---|
leading_text |
✅ | nil |
Text for the left part |
leading_color |
✅ | nil |
Color for the left part |
leading_icon |
nil |
Icon for the left part | |
leading_condensed |
false |
Hide text, show only icon | |
trailing_text |
✅ | nil |
Text for the right part |
trailing_color |
✅ | nil |
Color for the right part |
trailing_icon |
nil |
Icon for the right part | |
trailing_condensed |
false |
Hide text, show only icon | |
light |
false |
Use light mode styling |