@focus4/layout NPM | npm.io

11.21.1 • Published 10 months ago

Install

Weekly downloads

235

License

MIT

Repository

Last release

10 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 react-transition-state

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

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 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

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

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

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

4 years ago

4 years ago

4 years ago

4 years ago

10.8.0-preview.0

4 years ago

4 years ago

4 years ago

4 years ago

4 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

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