MCPcopy Create free account

hub / github.com/pinterest/gestalt / functions

Functions3,132 in github.com/pinterest/gestalt

⨍ Functions 3,132◇ Types & classes 51
FunctionMasonry
( { align = 'center', columnWidth = 236, gutterWidth, items, layout = 'basic', loadI
packages/gestalt/src/MasonryV2.tsx:695
FunctionMasonryItem
({ height, idx, isMeasurement, isServerRenderOrHydration, item, layout, left, renderItem, se
packages/gestalt/src/MasonryV2.tsx:610
FunctionMaybeLazyHydrate
({ children, ssrOnly }: { children: ReactElement; ssrOnly: boolean })
docs/pages/integration-test/masonry.tsx:39
FunctionMaybeMinWidth
({ minWidth, maxWidth, numTitleRows, children, }: { minWidth?: number; maxWidth?: number; numTit
packages/gestalt/src/Datapoint/InternalDatapoint.tsx:62
FunctionMaybeTooltip
({ children, disabled, tooltip, }: { children: ReactElement; disabled?: boolean; tooltip?: Tooltip
packages/gestalt/src/sharedSubcomponents/MaybeTooltip.tsx:13
FunctionMaybeTooltip
({ children, tooltipText, }: { children: ReactNode; tooltipText: string | null | undefined; })
packages/gestalt/src/TextField/IconButtonEnd.tsx:11
FunctionMaybeTooltip
({ children, tooltipText, }: { children: ReactNode; tooltipText: string | null | undefined; })
packages/gestalt/src/TextField/VRIconButtonEnd.tsx:9
FunctionMenuButtonExample
()
docs/examples/taparea/accessibility.tsx:4
FunctionMessage
({ text, textElement, helperLink, textColor, type, }: { text: string | null | undefined | ReactEle
packages/gestalt/src/sharedSubcomponents/thumbnailSubcomponents.tsx:27
FunctionMessagingComponentsPage
()
docs/pages/foundations/brand_expression/guidelines.tsx:6
FunctionMessagingComponentsPage
()
docs/pages/foundations/brand_expression/color_fills.tsx:6
FunctionMessagingPriorityAndPlacementPage
()
docs/pages/foundations/messaging/priority_and_placement.tsx:17
FunctionMetaData
({ value, original, darkModeSupport = true, }: { value?: string; original?: string; darkModeSuppor
docs/docs-components/TokenTable.tsx:47
FunctionMinimumButtonsExample
()
docs/examples/pageheader/minimumButtonsExample.tsx:4
FunctionModal
({ _dangerouslyDisableScrollBoundaryContainer = false, accessibilityModalLabel, align = 'center', chil
packages/gestalt/src/Modal.tsx:108
FunctionModalAlert
({ accessibilityDismissButtonLabel, accessibilityModalLabel, type = 'default', children, onDismiss,
packages/gestalt/src/ModalAlert.tsx:79
FunctionModalAlertAction
({ dataTestId, type, accessibilityLabel, disabled, label, ...props }: Props)
packages/gestalt/src/ModalAlert/Action.tsx:29
FunctionModalAlertHeader
({ accessibilityDismissButtonLabel, type, heading, onDismiss, }: Props)
packages/gestalt/src/ModalAlert/Header.tsx:25
FunctionModalAlertPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/modalalert.tsx:30
FunctionModalPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/modal.tsx:20
FunctionModalWithHeading
({ onDismiss }: { onDismiss: () => void })
docs/examples/iconbutton/lowActions.tsx:15
FunctionMyNoContainer
({ className, children }: { className: string; children: ReactElement })
packages/gestalt-datepicker/src/DatePicker/InternalDatePicker.tsx:25
FunctionNavLink
({ children, href }: Props)
docs/docs-components/NavLink.tsx:11
FunctionNavigationContent
({ accessibilityLabel, children, footer, header, showBorder, }: SideNavigationProps)
packages/gestalt/src/SideNavigation/NavigationContent.tsx:23
FunctionNavigationContextProvider
({ children }: { children?: ReactNode })
docs/docs-components/navigationContext.tsx:29
FunctionNestingProvider
({ componentName, children, maxNestedLevels }: Props)
packages/gestalt/src/contexts/NestingProvider.tsx:19
FunctionNewTabAccessibilityLabel
({ target }: { target?: null | 'self' | 'blank' })
packages/gestalt/src/accessibility/NewTabAccessibilityLabel.tsx:4
FunctionOnePrimaryActionExample
()
docs/examples/pageheader/onePrimaryActionExample.tsx:3
FunctionOnePrimaryActionExample
()
docs/examples/pageheader/multiplePrimaryActionsExample.tsx:14
FunctionOpacityBox
({ token }: BaseProps)
docs/docs-components/TokenExample.tsx:127
FunctionOpenInCodeSandboxButton
()
docs/docs-components/buttons/OpenInCodeSandboxButton.tsx:53
FunctionOpenSandboxButton
({ onClick }: Props)
docs/docs-components/buttons/OpenSandboxButton.tsx:8
FunctionOutlinedPincode
()
docs/examples/iconography/dontModifyIconDesignSpecs.tsx:3
FunctionOutsideEventBehavior
({ children, onClick }: Props)
packages/gestalt/src/behaviors/OutsideEventBehavior.tsx:8
FunctionOverlay
()
docs/examples/spinner/doOverlay.tsx:30
FunctionOverlayPanel
* [OverlayPanels](https://gestalt.pinterest.systems/web/overlaypanel ) are surfaces that allow users to view optional information or complete sub-task
packages/gestalt/src/OverlayPanel.tsx:87
FunctionOverridingSpan
({ textElement, isError, inverseTextColor, size = '300', }: { textElement: ReactElement | string;
packages/gestalt/src/sharedSubcomponents/OverridingSpan.tsx:11
FunctionOverview
({ platform }: Props)
docs/docs-components/Overview.tsx:46
FunctionOverviewList
({ components, headingLevel, platform, title = '' }: Props)
docs/docs-components/OverviewList.tsx:37
FunctionPage
({ title: page, children, hideSideNav = false, hideEditLink = false, pageSourceUrl, }: Props)
docs/docs-components/Page.tsx:17
FunctionPageHeader
({ badge, dropdownAccessibilityLabel, helperIconButton, helperLink, items, maxWidth = '100%', pr
packages/gestalt/src/PageHeader.tsx:122
FunctionPageHeader
({ badge, children, description = '', fileName, folderName, pdocsLink = false, margin = 'default
docs/docs-components/PageHeader.tsx:62
FunctionPageHeaderActionBlock
({ primaryAction, secondaryAction, dropdownAccessibilityLabel = '', }: { primaryAction?: { compone
packages/gestalt/src/PageHeader/components.tsx:144
FunctionPageHeaderBadge
({ badgeText, badgeTooltip, type = 'info', }: { badgeText: string; badgeTooltip?: ComponentProps<typ
packages/gestalt/src/PageHeader/components.tsx:60
FunctionPageHeaderCenterExample
()
docs/examples/pageheader/centerAlignedExample.tsx:13
FunctionPageHeaderExample
()
docs/examples/pageheader/defaultExample.tsx:3
FunctionPageHeaderHelperIconButton
({ accessibilityLabel, accessibilityControls, accessibilityExpanded, onClick, }: { accessibilityLabe
packages/gestalt/src/PageHeader/components.tsx:76
FunctionPageHeaderItemsBlock
({ items }: { items: ReadonlyArray<ReactNode> })
packages/gestalt/src/PageHeader/components.tsx:214
FunctionPageHeaderLocalizationExample
()
docs/examples/pageheader/localizationExample.tsx:3
FunctionPageHeaderMaxWidthExample
()
docs/examples/pageheader/maxWidthExample.tsx:13
FunctionPageHeaderPage
({ generatedDocGen }: { generatedDocGen: DocGen })
docs/pages/web/pageheader.tsx:28
FunctionPageHeaderQualitySummary
({ name }: Props)
docs/docs-components/PageHeaderQualitySummary.tsx:42
FunctionPageHeaderSubtext
({ subtext, helperLink, }: { subtext: string; helperLink?: { text: string; accessibilityLabel:
packages/gestalt/src/PageHeader/components.tsx:104
FunctionPageHeaderThumbnail
({ thumbnail }: { thumbnail: ReactNode })
packages/gestalt/src/PageHeader/components.tsx:50
FunctionPageHeaderTitle
({ marginTop, title, }: { marginTop: number | null | undefined; title: string; })
packages/gestalt/src/PageHeader/components.tsx:21
FunctionPageHeaderTitleExample
()
docs/examples/pageheader/titleExample.tsx:4
FunctionPaletteGenerator
({ count }: ColorCardProps)
docs/pages/foundations/data_visualization/color/usage.tsx:80
FunctionPartialPage
({ accessibilityLabel, align, backIconButton, children, closeOnOutsideClick = true, onAnimationEnd
packages/gestalt/src/SheetMobile/PartialPage.tsx:64
FunctionPatternBarFill
()
docs/docs-components/PatternBarFill.tsx:37
FunctionPatternBarFill
()
docs/docs-components/PatternLineMarker.tsx:28
FunctionPog
({ accessibilityLabel = '', active = false, bgColor = 'transparent', focusColor = 'lightBackground',
packages/gestalt/src/Pog.tsx:85
FunctionPopover
({ accessibilityLabel = 'Popover', accessibilityDismissButtonLabel, anchor, children, showDismissBut
packages/gestalt/src/Popover.tsx:101
FunctionPopoverMessage
({ accessibilityLabel = 'Popover', anchor, children, id, idealDirection, forceDirection = false,
packages/gestalt/src/PopoverMessage.tsx:132
FunctionPositioningWrapper
({ size, pileCount, index, children }: Props)
packages/gestalt/src/AvatarGroup/PositioningWrapper.tsx:13
FunctionPreventCloseExample
()
docs/examples/modal/preventCloseExample.tsx:4
FunctionPrimaryAction
(props: PrimaryActionType)
packages/gestalt/src/PopoverMessage.tsx:36
FunctionPrimaryAction
({ accessibilityLabel, disabled, label, isInVRExperiment, ...props }: PrimaryActionType)
packages/gestalt/src/BannerSlim.tsx:63
FunctionPrimaryAction
({ accessibilityLabel, label, size = 'lg', ...props }: Props)
packages/gestalt/src/Toast/PrimaryAction.tsx:25
FunctionPrimaryAction
({ accessibilityLabel, label, size = 'lg', ...props }: Props)
packages/gestalt/src/SheetMobile/PrimaryAction.tsx:25
FunctionPrimaryActionExample
()
docs/examples/pageheader/primaryActionExample.tsx:14
FunctionPrimaryActionIconButton
({ icon = 'ellipsis', onClick, tooltip, dropdownItems, isItemActive, setShowIconButton, forceIco
packages/gestalt/src/SideNavigation/PrimaryActionIconButton.tsx:138
FunctionPrincipleItem
({ heading, text }: Props)
docs/docs-components/PrincipleItem.tsx:9
FunctionProgram
(programNode)
packages/eslint-plugin-gestalt/src/only-valid-tokens.ts:34
FunctionPropTable
({ componentName, id = '', name: proptableName, props: properties, }: { componentName: string; id?
docs/docs-components/PropTable.tsx:123
FunctionProviders
({ children, isMobile }: { children: ReactNode; isMobile: boolean })
docs/pages/_app.tsx:18
FunctionPulsar
({ paused, size = 136 }: Props)
packages/gestalt/src/Pulsar.tsx:21
FunctionQualityChecklist
({ component }: Props)
docs/docs-components/QualityChecklist.tsx:15
FunctionQualityItem
({ category, status, }: { category: 'figmaStatus' | 'responsive' | 'mobileAdaptive' | 'accessible'; st
docs/docs-components/PageHeaderQualitySummary.tsx:11
FunctionRadioButtonBadgeExample
()
docs/examples/radiogroup/addingABadgeExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/dontUseTruncatedText.tsx:5
FunctionRadioButtonExample
()
docs/examples/radiogroup/dontUseToToggleStateOnMobile.tsx:5
FunctionRadioButtonExample
()
docs/examples/radiogroup/statesExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/dontUseToSelectMultipleItems.tsx:5
FunctionRadioButtonExample
()
docs/examples/radiogroup/withImageExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/withCustomLabelsExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/useToSelectOnlyOneOption.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/withAnErrorExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/legendVisibilityExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/directionExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/useWhenNeedClearAnswer.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/sizeExample.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/keepLabelsAndLegendsClear.tsx:4
FunctionRadioButtonExample
()
docs/examples/radiogroup/withHelperTextExample.tsx:4
FunctionRadioGroup
* [RadioGroups](https://gestalt.pinterest.systems/web/radiogroup) are used for selecting only 1 item from a list of 2 or more items. If you need mult
packages/gestalt/src/RadioGroup.tsx:52
FunctionReactionLove
()
docs/examples/iconography/centerAlignWithText.tsx:3
FunctionReactionLove
()
docs/examples/iconography/dontBaselineWithText.tsx:3
FunctionReducedMotionGIF
({ staticImgSrc, alt, ...imgProps }: ImgHTMLAttributes<HTMLImageElement> & { staticImgSrc: string })
docs/docs-components/ReducedMotionGIF.tsx:3
FunctionReleasesPage
()
docs/pages/get_started/developers/releases.tsx:5
FunctionRenderPoint
({ cx, cy }: { cx: number; cy: number })
packages/gestalt-charts/src/ChartGraph/renderGraphPoint.tsx:57
FunctionRepurposeExample
()
docs/examples/colors/repurposeExample.tsx:3
← previousnext →2,001–2,100 of 3,132, ranked by callers