# Freya Extension - Démonstration des Composants

# Freya Extension

43 composants composites pour simplifier vos formulaires Jakarta Faces

## Formulaire d'inscription

Démonstration interactive des 43 composants composites

Informations personnelles
Sécurité
Préférences et Intérêts

## Nouveaux composants de formulaire

## Composants de données

## Composants de navigation

Contenu du premier onglet avec composants Freya.

Contenu du deuxième onglet.

## Composants d'action

## Composants de feedback

## Composants utilitaires

Barre de progression:

Divider avec texte:

OU

## Composants de layout

Contenu de la carte avec le composant fr:card.

Contenu du panneau avec le composant fr:panel.

Ce panneau peut être replié en cliquant sur l'icône.

### Réduction de code

Ce formulaire utilise 7 composants fr:field*.

Avec extension:
Sans extension:
Gain: -80%

### Composants disponibles (43)

`fr:fieldInput` `fr:fieldTextarea` `fr:fieldPassword` `fr:fieldNumber` `fr:fieldSelect` `fr:fieldMultiSelect` `fr:fieldCalendar` `fr:fieldRadio` `fr:fieldCheckbox` `fr:fieldSwitch` `fr:fieldToggle` `fr:fieldChips` `fr:fieldRating` `fr:fieldColor` `fr:fieldFileUpload` `fr:fieldAutoComplete` `fr:fieldMask` `fr:fieldSlider` `fr:fieldSpinner`
`fr:actionDialog` `fr:formDialog` `fr:card` `fr:panel`
`fr:dataTable` `fr:dataView` `fr:treeTable`
`fr:breadcrumb` `fr:steps` `fr:tabView`
`fr:button` `fr:commandButton` `fr:linkButton` `fr:splitButton`
`fr:message` `fr:growl` `fr:inplace`
`fr:themeSelector` `fr:spacer` `fr:divider` `fr:badge` `fr:avatar` `fr:tag` `fr:progressBar`

### Documentation

Guide des composants Freya Theme PrimeFaces Docs

Ce dialog utilise le composant `fr:actionDialog` avec des champs `fr:field*` à l'intérieur.

Ce dialog utilise le composant `fr:formDialog` qui inclut automatiquement un formulaire avec validation.