Navegar componentes

LayoutContent

MiscExemplo

Área de conteúdo principal rolável.

Importação

import {LayoutContent} from '@pharos-ds/core/LayoutContent';

Exemplos

isScrollable

Conteúdo scrollável do layout.Linha adicional para demonstrar overflow.Mais uma linha de conteúdo.

Código

import {LayoutContent} from '@pharos-ds/core/Layout';

<LayoutContent
  isScrollable
 />

Prop	Tipo	Padrão	Descrição
`children`	`ReactNode`	—	Conteúdo.
`padding`	`0 \| 0.5 \| 1 \| 1.5 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10`	—	Padding interno usando a escala de espaçamento. Substitui o padding padrão do contêiner de layout.
`isScrollable`	`boolean`	`true`	Habilita overflow rolável.
`label`	`string`	—	Rótulo acessível para o elemento landmark.
`role`	`AriaRole`	—	Role de landmark ARIA.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/LayoutContent