feat(input): separate label info tooltips from description text across input components
This commit is contained in:
@@ -32,7 +32,7 @@ export class DeesLabel extends DeesElement {
|
||||
type: String,
|
||||
reflect: true,
|
||||
})
|
||||
accessor description!: string;
|
||||
accessor infoText!: string;
|
||||
|
||||
@property({
|
||||
type: Boolean,
|
||||
@@ -98,12 +98,12 @@ export class DeesLabel extends DeesElement {
|
||||
<div class="label">
|
||||
${this.label}
|
||||
${this.required ? html`<span class="required">*</span>` : ''}
|
||||
${this.description
|
||||
${this.infoText
|
||||
? html`
|
||||
<div class="description-icon">
|
||||
<dees-icon .icon=${'lucide:info'}></dees-icon>
|
||||
</div>
|
||||
<dees-speechbubble .text=${this.description}></dees-speechbubble>
|
||||
<dees-speechbubble .text=${this.infoText}></dees-speechbubble>
|
||||
`
|
||||
: html``}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user