Form-Field-Clear

Info

Was macht die Komponente?

Sie ist Teil der Form-Field-Komponente.

Wann soll die Komponente eingesetzt werden?

Nur innerhalb der Form-Field-Komponente.

Übergeordnete Komponenten

Form-Field

Anatomie

Nummer	Typ	Beschreibung	Optional	Hinweis
1	Standard-HTML	`input`	Nein
1b	Standard-HTML	`input`	Ja	Placeholder
2	Standard-HTML	`input`	Nein
3	Komponente	`sbb-icon`	Ja	Prefix
4	Komponente	`sbb-icon` oder `sbb-form-field-clear`	Ja	Suffix
5	Komponente	`sbb-form-error`	Nein	Datei auswählen

Demo

Beispiele

Default

Disabled

Readonly

Default Negative

Disabled Negative

Readonly Negative

HTML-Markup kopiert.

Implementation

The sbb-form-field-clear component can be used with the sbb-form-field component
to provide the possibility to display a clear button which can clear the input value.

<sbb-form-field>
  <label>Label</label>
  <input type="text" placeholder="Input placeholder" value="Input value" />
  <sbb-form-field-clear></sbb-form-field-clear>
</sbb-form-field>

Note: it currently works with simple inputs and does not support, for example, select inputs.

Properties

Name	Attribute	Privacy	Type	Default	Description
`form`	`form`	public	`string \| undefined`		The element to associate the button with.
`name`	`name`	public	`string`		The name of the button element.
`negative`	`negative`	public	`boolean`	`false`	Negative coloring variant flag.
`type`	`type`	public	`SbbButtonType`	`'button'`	The type attribute to use for the button.
`value`	`value`	public	`string`		The value of the button element.