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

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.