useContainerBreakpoint

Retorna o breakpoint atual do Container pai ou de um elemento informado.

Import

import { useContainerBreakpoint } from '@resultadosdigitais/tangram-components'

Params

element

Type	string | React.RefObject | HTMLElement | null

Description

Elemento a medir (id, ref ou nó DOM). Com null, usa o breakpoint do Container ancestral via contexto.

Returns

resources

Type	object

Description

Estado do breakpoint.

resources.breakpoint

Type	'sm' | 'md' | 'lg'

Description

Breakpoint atual.

resources.isSm

Type	boolean

Description

Indica se o breakpoint é 'sm'.

resources.isMd

Type	boolean

Description

Indica se o breakpoint é 'md'.

resources.isLg

Type	boolean

Description

Indica se o breakpoint é 'lg'.

Feedback

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.