Form-Field-Clear

Info

What does the component do?

It is part of the form-field component.

When should the component be used?

Only within the form-field component.

Parent Components

Form-Field

Anatomy

Number	Type	Description	Optional	Info
1	Standard-HTML	`input`	No
1b	Standard-HTML	`input`	Yes	Placeholder
2	Standard-HTML	`input`	No
3	Component	`sbb-icon`	Yes	Prefix
4	Component	`sbb-icon` oder `sbb-form-field-clear`	Yes	Suffix
5	Component	`sbb-form-error`	No	Datei auswählen

Demo

Examples

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.