OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
<span data-view-component="true" class="Truncate">
  <span style="max-width: 300px;" data-view-component="true" class="Truncate-text">branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long</span>
  <span style="max-width: 200px;" data-view-component="true" class="Truncate-text">branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long</span>
  <span style="max-width: 100px;" data-view-component="true" class="Truncate-text">branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long</span>
</span>

No notes provided.

1
2
3
4
5
render(Primer::Beta::Truncate.new) do |component|
  component.with_item(max_width: 300) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" }
  component.with_item(max_width: 200) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" }
  component.with_item(max_width: 100) { "branch-name-that-is-really-long-branch-name-that-is-really-long-branch-name-that-is-really-long" }
end

No params configured.