MCPcopy Create free account

hub / github.com/pinterest/gestalt / functions

Functions3,132 in github.com/pinterest/gestalt

⨍ Functions 3,132◇ Types & classes 51
↓ 1 callersFunctionuseThrottledOnScroll
(callback: null | (() => void), delay: number)
docs/docs-components/Toc.tsx:72
↓ 1 callersFunctionuseViewport
({ containerHeight, containerOffset, scrollContainer, scrollTop, virtualBufferFactor, virtualBound
packages/gestalt/src/MasonryV2.tsx:570
↓ 1 callersFunctionvalidate
()
scripts/validateAccessibilitySpecs.js:40
↓ 1 callersFunctionvalidateBoxShadow
(value: string)
packages/eslint-plugin-gestalt/src/helpers/styleValidators.ts:126
↓ 1 callersFunctionvalidateFlex
(value: string)
packages/eslint-plugin-gestalt/src/helpers/styleValidators.ts:106
↓ 1 callersFunctionwrapWithComponent
({ element, Component, props, index, }: { element: ReactNode | null | undefined; Component: Compon
packages/gestalt/src/utils/wrapWithComponent.tsx:38
FunctionAccessibilityChecklist
({ component }: Props)
docs/docs-components/AccessibilityChecklist.tsx:79
FunctionAccessibilityExample
()
docs/examples/modal/accessibilityExample.tsx:15
FunctionAccessibilityGuidelinesPage
()
docs/pages/foundations/accessibility.tsx:9
FunctionAccessibilityLinkActionIcon
({ size, color, icon = 'visit' }: Props)
packages/gestalt/src/accessibility/AccessibilityLinkActionIcon.tsx:14
FunctionAccessibilityPause
()
packages/gestalt/src/accessibility/AccessibilityPause.tsx:3
FunctionAccessibilitySection
({ children, description, hideChecklist = false, name, }: Props)
docs/docs-components/AccessibilitySection.tsx:15
FunctionAccessibilityTable
({ accessibilityData }: { accessibilityData?: ComponentAccessibility })
docs/docs-components/AccessibilityChecklist.tsx:22
FunctionAccordion
({ badge, borderStyle = 'shadow', children, dataTestId, icon, iconAccessibilityLabel, iconButton
packages/gestalt/src/Accordion.tsx:77
FunctionAccordionExpandable
({ accessibilityExpandLabel, accessibilityCollapseLabel, borderStyle = 'shadow', expandedIndex, id,
packages/gestalt/src/AccordionExpandable.tsx:75
FunctionAccordionExpandableItem
({ accessibilityCollapseLabel, accessibilityExpandLabel, badge, children, icon, iconAccessibilityL
packages/gestalt/src/Accordion/ExpandableItem.tsx:24
FunctionAccordionTitle
(props: { badge?: BadgeType; dataTestId?: string; icon?: keyof typeof icons; iconAccessibilityLabel?:
packages/gestalt/src/Accordion/Title.tsx:24
FunctionAction
({ data, level, type, size = 'lg', }: { data: ActionDataType; level: string; size?: 'md' | 'lg';
packages/gestalt/src/BannerCallout/Footer.tsx:27
FunctionActionDropdownExample
()
docs/examples/button/accessibilityDropdownExample.tsx:4
FunctionActivationCard
({ dismissButton, message, link, status, statusMessage, title, }: Props)
packages/gestalt/src/ActivationCard.tsx:231
FunctionActivationCardLink
({ data }: { data: LinkData })
packages/gestalt/src/ActivationCard.tsx:72
FunctionActivationCardPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/activationcard.tsx:17
FunctionAlertDialogAccessibilityExample
()
docs/examples/modal/roleAlertDialogExample.tsx:4
FunctionAlternativeColorTextExample
()
docs/examples/colors/alternativeColorTextExample.tsx:3
FunctionAlternativeColorTokensExample
()
docs/examples/colors/alternativeColorTokensExample.tsx:13
FunctionAlternativeColorsExample
()
docs/examples/colors/alternativeColorsExample.tsx:3
FunctionAnimatedComponent
()
packages/gestalt/src/animation/AnimationContext.jsdom.test.tsx:7
FunctionAnimationPrinciples
()
docs/pages/foundations/motion/principles.tsx:7
FunctionAnimationProvider
({ children }: AnimationProviderProps)
packages/gestalt/src/animation/AnimationContext.tsx:53
FunctionApp
({ children, files }: Props)
docs/docs-components/App.tsx:19
FunctionAppContextProvider
({ children }: { children?: ReactNode })
docs/docs-components/appContext.tsx:38
FunctionAppLayout
({ children, colorScheme }: Props)
docs/docs-components/AppLayout.tsx:118
FunctionAppleIcon
()
packages/gestalt/src/ButtonSocial/AppleIcon.tsx:1
FunctionAppropriateColorTokensExample
()
docs/examples/colors/appropriateColorTokensExample.tsx:3
FunctionAvatar
* [Avatar](https://gestalt.pinterest.systems/web/avatar) is used to represent a user. Every Avatar image has a subtle color wash. * * ![Avatar light
packages/gestalt/src/Avatar.tsx:42
FunctionAvatarFoundation
({ color, children, fontSize, isCollaboratorCount, isHovered, isPressed, outline = false, text
packages/gestalt/src/Avatar/Foundation.tsx:100
FunctionAvatarGroupAddCollaboratorsButton
({ hovered, isHovered, isPressed, pileCount, size, }: Props)
packages/gestalt/src/AvatarGroup/AddCollaboratorsButton.tsx:11
FunctionAvatarGroupCollaboratorAvatar
({ color, isHovered, index, name, pileCount, isPressed, size, src, }: Props)
packages/gestalt/src/AvatarGroup/CollaboratorAvatar.tsx:15
FunctionAvatarGroupCollaboratorsCount
({ showAddCollaboratorsButton, pileCount, hovered, isHovered, isPressed, count, size, outline
packages/gestalt/src/AvatarGroup/CollaboratorsCount.tsx:14
FunctionAvatarGroupHoverOverlay
({ children, hovered, size }: Props)
packages/gestalt/src/AvatarGroup/HoverOverlay.tsx:16
FunctionAvatarGroupPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/avatargroup.tsx:23
FunctionAvatarGroupPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/avatargroupcluster.tsx:14
FunctionAvatarPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/avatar.tsx:23
FunctionAvatarThumbnail
({ thumbnail }: { thumbnail: ReactElement })
packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx:164
FunctionBackdrop
({ children, closeOnOutsideClick, onClick }: Props)
packages/gestalt/src/Backdrop.tsx:12
FunctionBadge
({ dataTestId, position = 'middle', text, type = 'info', tooltip, }: Props)
packages/gestalt/src/Badge.tsx:73
FunctionBanner
()
docs/docs-components/AppLayout.tsx:39
FunctionBannerCallout
({ dismissButton, iconAccessibilityLabel, message, primaryAction, secondaryAction, type, title,
packages/gestalt/src/BannerCallout.tsx:180
FunctionBannerCallout
({ dismissButton, iconAccessibilityLabel, message, primaryAction, secondaryAction, type, title,
packages/gestalt/src/BannerCallout/VRBannerCallout.tsx:63
FunctionBannerCalloutAction
({ data, stacked, level, type, }: { data: ActionDataType; stacked?: boolean; level: string; ty
packages/gestalt/src/BannerCallout.tsx:110
FunctionBannerOverlay
({ message, title, onDismiss, primaryAction, secondaryAction, offset = { top: 0, bottom: 0, revers
packages/gestalt/src/BannerOverlay.tsx:114
FunctionBannerSlim
({ helperLink, iconAccessibilityLabel, message, onDismiss, primaryAction, type = 'neutral', }: Pro
packages/gestalt/src/BannerSlim.tsx:147
FunctionBannerSlimPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/bannerslim.tsx:32
FunctionBannerUpsell
({ children, dismissButton, imageData, message, primaryAction, secondaryAction, title, }: Props)
packages/gestalt/src/BannerUpsell.tsx:138
FunctionBannerUpsell
({ children, dismissButton, imageData, message, primaryAction, secondaryAction, title, }: Props)
packages/gestalt/src/BannerUpsell/VRBannerUpsell.tsx:154
FunctionBannerUpsellForm
({ children, onSubmit, submitButtonText, submitButtonAccessibilityLabel, submitButtonDisabled, }: Pr
packages/gestalt/src/BannerUpsellForm.tsx:39
FunctionBarGraphsPage
()
docs/pages/foundations/data_visualization/charts_and_graphs/bar_graphs.tsx:6
FunctionBarLabel
({ icon, size = 16, text, layout, ...props }: { icon?: 'ribbon'; size?: 16 | 24; text?: string
packages/gestalt-charts/src/ChartGraph/BarLabel.tsx:5
FunctionBaseRow
({ id, checked = false, disabled = false, text, spend, }: { id: string; checked?: boolean; dis
docs/pages/visual-test/Table.tsx:3
FunctionBaseRow
({ id, checked, disabled, text, spend, }: { id: string; checked?: boolean; disabled?: boolean;
docs/examples/table/alignContent.tsx:25
FunctionBaseRow
({ disabled, type, title, subtext, rate, category, }: { disabled?: boolean; type: ComponentPro
docs/examples/table/separateUnitType.tsx:20
FunctionBaseRow
({ name, subtext, total, lineClamp, }: { name: string; subtext: string; total: string; lineCla
docs/examples/table/makeContentDigestable.tsx:19
FunctionBaseRow
({ id, checked, disabled, text, campaign, }: { id: string; checked?: boolean; disabled?: boole
docs/examples/table/avoidOverStylingText.tsx:23
FunctionBaseRow
({ id, checked, disabled, text, subtext, spend, }: { id: string; checked?: boolean; disabled
docs/examples/table/dontAlignContent.tsx:25
FunctionBaseRow
({ name, subtext, total, lineClamp }: any)
docs/examples/table/dontAddSoMuchContent.tsx:19
FunctionBaseRow
({ name, team, src, teamRole, hours, active, setActive, }: { name: string; team: string; s
docs/examples/table/expandRows.tsx:23
FunctionBaseRow
({ disabled, type, title, subtext, rate }: any)
docs/examples/table/dontMixTextAndGraphics.tsx:19
FunctionBaseRow
({ id, checked, disabled, type, text, subtext, campaign, }: { id: string; checked?: boolean;
docs/examples/table/bottomCaptionExample.tsx:24
FunctionBaseRow
({ id, checked, disabled, type, text, subtext, campaign, }: { id: string; checked?: boolean;
docs/examples/table/topCaptionExample.tsx:24
FunctionBaseRow
({ id, checked, disabled, text, campaign, bold, underline, italic, color }: any)
docs/examples/table/dontOverStyleText.tsx:25
FunctionBlock
({ title, text }: { title: string; text: string })
docs/examples/divider/mainExample.tsx:3
FunctionBlock
({ title, url, locked }: { title: string; url: string; locked?: boolean })
docs/examples/divider/dontInset.tsx:3
FunctionBlock
({ title, text }: { title: string; text: ReadonlyArray<string> })
docs/examples/divider/dontCreateYourOwn.tsx:3
FunctionBlock
({ title, url, locked }: { title: string; url: string; locked?: boolean })
docs/examples/divider/useFromEdgeToEdge.tsx:3
FunctionBlock
({ title, text }: { title: string; text: string })
docs/examples/divider/useWhitespaceToSeparateGroups.tsx:3
FunctionBlock
({ title, text }: { title: string; text: string })
docs/examples/divider/orientationExample1.tsx:3
FunctionBlock
({ title, text }: { title: string; text: ReadonlyArray<string> })
docs/examples/divider/useDefaultGestalt.tsx:3
FunctionBlock
({ title, text }: { title: string; text: string })
docs/examples/divider/orientationExample2.tsx:3
FunctionBlock
({ title, text }: { title: string; text: string })
docs/examples/divider/dontOveruse.tsx:3
FunctionBorderBox
({ token }: BaseProps)
docs/docs-components/TokenExample.tsx:111
FunctionBoxPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/box.tsx:95
FunctionBoxWithMargins
({ marginEnd = 0, marginStart = 0, }: { marginEnd?: Margin; marginStart?: Margin; })
docs/examples/box/rtl.tsx:31
FunctionButtonGroup
* [ButtonGroup](https://gestalt.pinterest.systems/web/buttongroup) is used to display a series of buttons. * * ![ButtonGroup light mode](https://raw
packages/gestalt/src/ButtonGroup.tsx:20
FunctionCallToAction
({ accessibilityLabel, label, size = 'lg', ...props }: Props)
packages/gestalt/src/BannerOverlay/CalltoAction.tsx:27
FunctionCard
({ text }: { text: string })
docs/examples/spinner/dontMultiple.tsx:3
FunctionCard
({ children, badge, description, headingSize = '600', id, name, toggle, stacked = false, sho
docs/docs-components/Card.tsx:40
FunctionCaret
(props: Props)
packages/gestalt/src/Caret.tsx:15
FunctionChartGraph
* [ChartGraph](https://gestalt.pinterest.systems/web/chartgraph) is used for displaying various types of graphs plotted on an x and y axis. It makes i
packages/gestalt-charts/src/ChartGraph.tsx:250
FunctionChartProvider
({ children, decal }: Props)
packages/gestalt-charts/src/ChartGraph/ChartGraphContext.tsx:18
FunctionChartWrap
(props: Props)
packages/gestalt-charts/src/ChartGraph.jsdom.test.tsx:142
FunctionCheckboxExample
()
docs/examples/checkbox/withImageExample.tsx:4
FunctionCheckboxExample
()
docs/examples/checkbox/errorMessageExample.tsx:3
FunctionCheckerboard
()
docs/docs-components/Checkerboard.tsx:4
FunctionCodeExampleDarkModeButton
({ currentMode, onClick }: Props)
docs/docs-components/buttons/CodeExampleDarkModeButton.tsx:9
FunctionCodeExampleTextDirectionButton
({ currentTextDirection, onClick }: Props)
docs/docs-components/buttons/CodeExampleTextDirectionButton.tsx:9
FunctionCollage
(props: Props)
packages/gestalt/src/Collage.tsx:186
FunctionCollageImage
({ width, height, index }: CollageImageProps)
packages/gestalt/src/Collage.test.tsx:11
FunctionCollapseExpandCodeButton
({ expanded, name, onClick }: Props)
docs/docs-components/buttons/CollapseExpandCodeButton.tsx:10
FunctionCollapser
({ raised }: { raised: boolean })
packages/gestalt/src/SideNavigation/Collapser.tsx:7
FunctionCollection
(props: Props)
packages/gestalt/src/Collage/Collection.tsx:59
← previousnext →601–700 of 3,132, ranked by callers