LoopOS UI v1.1.26.2

Previews

No matching results.

x
1
2
3
<div class="lui-chip">
  Hello From Chip
</div>

Chip

Description

Used Components Components where is Used
Label

Usage rules

  • ✅ Do
  • ❌ Don't
1
2
3
<%= render LooposUi::Chip.new(
    text: "Hello From Chip"
) %>

No notes provided.

No params configured.

Description

Chip renders a small, rounded label suitable for tags, filters, or compact meta information.

Arguments

Property Type Default Required Description
text String "" No The text content of the chip.
  • Additional HTML attributes can be passed via extra options (e.g. data:, aria:), which are forwarded to the root element.

Slots

This component does not define slots.

JS Events

This component does not emit or listen to JS events.

Usage

Basic chip:

<%= render LooposUi::Chip.new(text: "Active") %>

With additional HTML attributes (merged into the root element):

<%= render LooposUi::Chip.new(
  text: "Beta",
  data: { controller: "tooltip", ... }
) %>