Browse Source

Pass a title property with untruncated text to the RadioGroup

pull/6640/head
Maurits Lourens 4 years ago
parent
commit
22541721c1
  1. 3
      packages/bbui/src/Form/Core/RadioGroup.svelte
  2. 2
      packages/bbui/src/Form/RadioGroup.svelte
  3. 1
      packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

3
packages/bbui/src/Form/Core/RadioGroup.svelte

@ -10,6 +10,7 @@
export let disabled = false
export let getOptionLabel = option => option
export let getOptionValue = option => option
export let getOptionTitle = option => option
const dispatch = createEventDispatcher()
const onChange = e => dispatch("change", e.target.value)
@ -19,7 +20,7 @@
{#if options && Array.isArray(options)}
{#each options as option}
<div
title={getOptionLabel(option)}
title={getOptionTitle(option)}
class="spectrum-Radio spectrum-FieldGroup-item spectrum-Radio--emphasized"
class:is-invalid={!!error}
>

2
packages/bbui/src/Form/RadioGroup.svelte

@ -12,6 +12,7 @@
export let direction = "vertical"
export let getOptionLabel = option => extractProperty(option, "label")
export let getOptionValue = option => extractProperty(option, "value")
export let getOptionTitle = option => extractProperty(option, "label")
const dispatch = createEventDispatcher()
const onChange = e => {
@ -35,6 +36,7 @@
{direction}
{getOptionLabel}
{getOptionValue}
{getOptionTitle}
on:change={onChange}
/>
</Field>

1
packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@ -474,6 +474,7 @@
options={relationshipOptions}
getOptionLabel={option => option.name}
getOptionValue={option => option.value}
getOptionTitle={option => option.alt}
/>
{/if}
<Input

Loading…
Cancel
Save