description v26.45.3

Studio Web solution deployed on 02/11/2026 at 09:46:30

palette 5.0.10-alpha.2

Tactics Betclic version : 5.0.10-alpha.2

palette 2.43.7

Tactics Clickbet version : 2.43.7

light_mode
dark_mode

Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T

Switch theme mode
Light / Dark
Shortcut : MAJ + D

description v26.45.3

Studio Web solution deployed on 02/11/2026 at 09:46:30

palette 5.0.10-alpha.2

Tactics Betclic version : 5.0.10-alpha.2

palette 2.43.7

Tactics Clickbet version : 2.43.7

search
  • Home
  • Tactics components
  • Forms
  • Input field
Tactics components

Input field

Input fields allow users to enter editable text or numeric values into the UI.

Tactics Documentation Sport Turf Casino Account

TWIG : Universes/_common/_twig/_components/_forms/_input_fields.twig
CSS components : libs/common/tactics/src/lib/form-field/form-field.component.scss
libs/common/tactics/src/lib/input-code/input-code.component.scss
libs/common/tactics/src/lib/textarea/textarea.component.scss
CSS : DesignSystem/_tactics/_components/_css/_common/_form/_infos.scss
JS : Universes/_common/_js/_forms.js
Angular component : <bcdk-input-base>

With placeholder

Basic

Classic

Valid + filled

Invalid

Error message
€
Error message

Disabled

With icons

With action button

Error message

Readonly

Small

Classic

Valid + filled

Invalid

Error message
€
Error message

Disabled

With icons

With action button

Error message

Readonly button

Basic Alt

With Label link

Basic

Classic

Valid + filled

Invalid

Error message
€
Error message

Disabled

With icons

With action button

Readonly button

Small

Classic

Valid + filled

Invalid

Error message
€
Error message

Disabled

With icons

With action button

With action button

Basic Alt

With information link

With placeholder

Error message
Success message
Warning message
Waiting validation message
Informative message

With label

Error message
Success message
Warning message
Waiting validation message
Informative message

With information Alt link

With placeholder

Error message
Success message
Warning message
Waiting validation message
Informative message

With label

Error message
Success message
Warning message
Waiting validation message
Informative message

Columns link

Default link

Error message
Error message

Def Alt link

Error message
Error message

Code link

Here is a long message to inform the user.

Code Alt link

Here is a long message to inform the user.

Phone link

Error message

Phone Alt link

Error message

Textarea link

Basic

Classic

0 / 240

Valid + filled

79 / 240

Invalid

0 / 240
79 / 240

Disabled

0 / 240

Classic with information

Waiting validation message Commodo officia dolor deserunt esse ex link to internal content Incididunt Lorem ipsum aliquip ut consequat.
0 / 240

Expandable

0 / 240

Expandable with information

Waiting validation message link to internal content
0 / 240

Small

Classic

0 / 240

Valud + filled

79 / 240

Invalid

0 / 240
79 / 240

Disabled

0 / 240

Classic with information

Waiting validation message Commodo officia dolor deserunt esse ex link to internal content Incididunt Lorem ipsum aliquip ut consequat.
0 / 240

Expandable

0 / 240

Expandable with information

Waiting validation message link to internal content
0 / 240

Alt basic

Classic

0 / 240

Valid + filled

79 / 240

Invalid

0 / 240
79 / 240

Disabled

0 / 240

Classic with information

Waiting validation message Commodo officia dolor deserunt esse ex link to internal content Incididunt Lorem ipsum aliquip ut consequat.
0 / 240

Expandable

0 / 240

Expandable with information

Waiting validation message link to internal content
0 / 240

Alt small

Classic

0 / 240

Valud + filled

79 / 240

Invalid

0 / 240
79 / 240

Disabled

0 / 240

Classic with information

Waiting validation message Commodo officia dolor deserunt esse ex link to internal content Incididunt Lorem ipsum aliquip ut consequat.
0 / 240

Expandable

0 / 240

Expandable with information

Waiting validation message link to internal content
0 / 240
On this page
With Label
With information
With information Alt
Columns
Default
Def Alt
Code
Code Alt
Phone
Phone Alt
Textarea