TextList

Custom list component for adding multiple text values and sorting them.

Props

export let id = generateId();
export let label;
export let required = false;
export let name = undefined;
export let disabled = false;
export let show = true;
export let value = [];

Default value

Use the value attribute to set a default value:

<TextList
  name="textList"
  label="Text List"
  value={['Text 1']}
/>

Example

Standard

<script>
  import { Panel, TextList } from '@soleil-se/config-svelte';
</script>

<Panel heading="Inställningar">
  <TextList name="textList" label="Text List" />
</Panel>

Advanced

<script>
  import { Panel, TextList } from '@soleil-se/config-svelte';
  import { onSave } from '@soleil-se/config-svelte/utils';

  const values = {
    textList: '',
    ...window.CONFIG_VALUES
  };

  onSave(() => values);

</script>

<Panel heading="Inställningar">
  <TextList bind:value={values.textList} label="Text List" />
</Panel>

Slots

Default

No default slot is currently available.

Label

Slot for content in the label element.

<TextList name="textList">
  <svelte:fragment slot="label">
    Custom <strong>label</strong>
  </svelte:fragment>
</TextList>