feat(input): separate label info tooltips from description text across input components

This commit is contained in:
2026-04-12 18:50:54 +00:00
parent 961b811b7a
commit 13ba5670f0
35 changed files with 128 additions and 128 deletions

View File

@@ -55,7 +55,8 @@ export const demoFunc = () => html`
<dees-input-multitoggle
.label=${'Display Mode'}
.description=${'Choose how content is displayed'}
.infoText=${'Choose how content is displayed'}
.description=${'This setting affects how items appear on your dashboard'}
.options=${['List View', 'Grid View', 'Compact']}
.selectedOption=${'Grid View'}
></dees-input-multitoggle>
@@ -64,7 +65,7 @@ export const demoFunc = () => html`
<dees-input-multitoggle
.label=${'T-Shirt Size'}
.description=${'Select your preferred size'}
.infoText=${'Select your preferred size'}
.options=${['XS', 'S', 'M', 'L', 'XL', 'XXL']}
.selectedOption=${'M'}
></dees-input-multitoggle>
@@ -76,7 +77,7 @@ export const demoFunc = () => html`
<dees-input-multitoggle
.label=${'Notifications'}
.description=${'Enable or disable push notifications'}
.infoText=${'Enable or disable push notifications'}
.type=${'boolean'}
.selectedOption=${'true'}
></dees-input-multitoggle>
@@ -85,7 +86,7 @@ export const demoFunc = () => html`
<dees-input-multitoggle
.label=${'Theme Mode'}
.description=${'Switch between light and dark theme'}
.infoText=${'Switch between light and dark theme'}
.type=${'boolean'}
.booleanTrueName=${'Dark'}
.booleanFalseName=${'Light'}
@@ -134,7 +135,7 @@ export const demoFunc = () => html`
<dees-input-multitoggle
.label=${'Account Type'}
.description=${'This setting is locked'}
.infoText=${'This setting is locked'}
.options=${['Free', 'Pro', 'Enterprise']}
.selectedOption=${'Enterprise'}
.disabled=${true}