@focus4/layout NPM | npm.io

11.17.7 • Published 8 days ago

Install

Weekly downloads

235

License

MIT

Repository

Last release

8 days 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

@everything-registry/sub-chunk-332 focus4

8 days ago

9 days ago

12 days ago

14 days ago

23 days ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

9 months ago

9 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

6 months ago

9 months ago

10 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

2 years ago

2 years ago

2 years 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

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

11.0.0-preview.10

3 years ago

3 years ago

3 years ago

3 years ago

11.0.0-preview.6

3 years ago

11.0.0-preview.7

3 years ago

11.0.0-preview.4

3 years ago

11.0.0-preview.5

3 years ago

11.0.0-preview.3

3 years ago

11.0.0-preview.2

3 years ago

3 years ago

3 years ago

3 years ago

11.0.0-preview.0

3 years ago

11.0.0-preview.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

10.8.0-preview.1

3 years ago

3 years ago

3 years ago

3 years ago

10.8.0-preview.0

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

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

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

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

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