@focus4/layout NPM | npm.io

12.2.2 • Published 5 months ago

Install

Weekly downloads

235

License

MIT

Repository

Last release

5 months ago

Module `Layout`

Ce module contient le composant racine d'une application Focus : le Layout. Il contient l'ensemble des composants de base qui doivent se retrouver dans toutes les pages. Par défaut, il ne pose que l'ErrorCenter et le MessageCenter, laissant à l'utilisateur le soin de composer son layout comme il le souhaite. Néanmoins, 3 composants sont quasiment toujours présents : le LayoutContent, le Menu et le Header.

`LayoutContent`

Le composant LayoutContent doit encadrer le contenu de l'application. Il permet de le positionner correctement par rapport au Menu

`Menu`

Le composant de Menu permet d'afficher un menu fixe à sur la gauche. Il possède un propriété menus qui contient la liste de ses éléments (MenuItem). Il est possible de faire des sous-menus via la propriété subMenus dans un MenuItem.

La propriété activeRoute du Menu va de pair avec la propriété route des MenuItems : un item vérifiant activeRoute === route sera marqué comme actif.

`Header`

Le Header se construit à partir de tous ses éléments. Un Header complet se représente comme ceci :

<HeaderScrolling canDeploy={/* ... */}>
    <HeaderTopRow>
        <HeaderBarLeft>{/* ... */}</HeaderBarLeft>
        <HeaderSummary>{/* ... */}</HeaderSummary>
        <HeaderBarRight>{/* ... */}</HeaderBarRight>
    </HeaderTopRow>
    <HeaderContent>{/* ... */}</HeaderContent>
    <HeaderActions primary={/* ... */} secondary={/* ... */} />
</HeaderScrolling>

et libre à vous de le personnaliser à votre convenance en ajoutant ou supprimant des éléments, et on contrôlant sont contenu en fonction de la page courante.

@focus4/core @focus4/styling @focus4/toolbox classnames es-toolkit luxon motion react-transition-state tslib

@everything-registry/sub-chunk-332 focus4 @focus4/collections @focus4/legacy

5 months ago

8 months ago

8 months ago

9 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

7 months ago

7 months ago

7 months ago

8 months ago

11 months ago

11 months ago

11 months ago

8 months ago

9 months ago

8 months ago

8 months ago

7 months ago

7 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

6 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

11.0.0-preview.10

4 years ago

4 years ago

4 years ago

4 years ago

11.0.0-preview.6

4 years ago

11.0.0-preview.7

4 years ago

11.0.0-preview.4

4 years ago

11.0.0-preview.5

4 years ago

11.0.0-preview.3

4 years ago

11.0.0-preview.2

4 years ago

4 years ago

4 years ago

4 years ago

11.0.0-preview.0

4 years ago

11.0.0-preview.1

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

10.8.0-preview.1

5 years ago

5 years ago

5 years ago

5 years ago

10.8.0-preview.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago