x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="lui-title_description lui-title_description--normal"> <span class="lui-title_description__title"> This is a title </span> <span class="lui-title_description__description"> this is a description </span></div><div class="lui-title_description lui-title_description--normal"> <span class="lui-title_description__title"> This is a title </span> <span class="lui-title_description__description"> this is a custom description </span></div>TitleDescription
Description
Related components
| Used Components | Components where is Used |
|---|---|
| Label |
Usage rules
- ✅ Do
- ❌ Don't
1
2
3
4
5
6
7
<%= render LooposUi::TitleDescription.new(icon: params[:icon] , title: params[:title] || "This is a title", description: params[:description] || "this is a description", size: params[:size] || "normal", tooltip: params[:tooltip] ) %><%= render LooposUi::TitleDescription.new(icon: params[:icon] , title: params[:title] || "This is a title", size: params[:size] || "normal", tooltip: params[:tooltip] ) do |comp| %> <% comp.with_custom_description do %> <%= params[:description] || "this is a custom description" %> <% end %><% end %>No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
Description
Documentation for TitleDescription
Arguments
| Property | Default | Description |
|---|---|---|
icon |
nil |
Optional icon displayed alongside the section's title. |
title |
nil |
The title displayed in the section's header. |
description |
nil |
Optional description text for additional context, displayed below the title. |
size |
"normal" |
Specifies the size of the section header. Can be used to adjust the appearance of the title and description (e.g., normal, small). |
tooltip |
nil |
Optional tooltip providing additional information about the section. |
Slots
| Slot | Description |
|---|---|
custom_description |
Alternative usage for the description prop. Can render other components. |
info |
Optional open slot, any content here will be rendered after the Title. Usefull for Tokens, EntityTokens, etc |