Home > @uniformdev/design-system

design-system package

Classes

<table><thead><tr><th>

Class

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

LinkNode

</td><td>

</td></tr> </tbody></table>

Enumerations

<table><thead><tr><th>

Enumeration

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

DateTimePickerVariant

</td><td>

</td></tr> </tbody></table>

Functions

<table><thead><tr><th>

Function

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

IconsProvider({ children })

</td><td>

Provider to the Icon component

</td></tr> <tr><td>

Image_2({ alt, src, className, imgClassName, variant, width, height, ...imgAttribs })

</td><td>

</td></tr> <tr><td>

InputComboBox(props)

</td><td>

InputComboBox

</td></tr> <tr><td>

macifyShortcut(shortcut)

</td><td>

</td></tr> <tr><td>

Pagination({ limit, offset, total, onPageChange, })

</td><td>

</td></tr> <tr><td>

ParameterDataResource({ label, labelLeadingIcon, id, onConnectDatasource, caption, disabled, children, })

</td><td>

</td></tr> <tr><td>

ParameterImagePreview({ imageSrc })

</td><td>

</td></tr> <tr><td>

ProgressBar({ current, max, theme, variant, ...props })

</td><td>

</td></tr> <tr><td>

ShortcutContext({ children })

</td><td>

</td></tr> <tr><td>

ShortcutRevealer({ shortcut, macShortcut, className, })

</td><td>

</td></tr> <tr><td>

Tooltip({ children, title, placement, visible, withoutPortal, ...props })

</td><td>

</td></tr> <tr><td>

useDateTimePickerContext()

</td><td>

Use this context for slots within the date time picker in order to manipulate the current value

</td></tr> <tr><td>

useIconContext()

</td><td>

</td></tr> <tr><td>

useShortcut({ handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, })

</td><td>

</td></tr> </tbody></table>

Interfaces

<table><thead><tr><th>

Interface

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

ActionButtonsProps

</td><td>

</td></tr> <tr><td>

CalloutProps

</td><td>

</td></tr> <tr><td>

DateTimePickerValue

</td><td>

</td></tr> <tr><td>

DrawerItem

</td><td>

</td></tr> <tr><td>

DrawerRendererItemProps

</td><td>

</td></tr> <tr><td>

DrawerRendererProps

</td><td>

</td></tr> <tr><td>

IconButtonProps

</td><td>

</td></tr> <tr><td>

IconProps

</td><td>

</td></tr> <tr><td>

ImageProps

</td><td>

</td></tr> <tr><td>

InputKeywordSearchProps

</td><td>

</td></tr> <tr><td>

LoadingIconProps

</td><td>

</td></tr> <tr><td>

LoadingOverlayProps

</td><td>

</td></tr> <tr><td>

MenuProps

</td><td>

</td></tr> <tr><td>

ProgressBarProps

</td><td>

</td></tr> </tbody></table>

Variables

<table><thead><tr><th>

Variable

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

accessibleHidden

</td><td>

</td></tr> <tr><td>

AddButton

</td><td>

Add button component

</td></tr> <tr><td>

AddListButton

</td><td>

Uniform Add List Button Component

</td></tr> <tr><td>

addPathSegmentToPathname

</td><td>

Joins different variants of parent relative url with path segment. Path can be "", "/" and "/foo/bar"

</td></tr> <tr><td>

AnimationFile

</td><td>

See https://lottiereact.com/ for example documentation

</td></tr> <tr><td>

Avatar

</td><td>

A component to render rounded avatars of a user or an app.

</td></tr> <tr><td>

AvatarGroup

</td><td>

Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.

</td></tr> <tr><td>

Badge

</td><td>

Uniform Badge Component

</td></tr> <tr><td>

Banner

</td><td>

Uniform Banner Component

</td></tr> <tr><td>

borderTopIcon

</td><td>

</td></tr> <tr><td>

breakpoints

</td><td>

Object of breakpoints and the pixel values

</td></tr> <tr><td>

button

</td><td>

</td></tr> <tr><td>

Button

</td><td>

Uniform Button Component

</td></tr> <tr><td>

buttonAccentAltDark

</td><td>

</td></tr> <tr><td>

buttonAccentAltDarkOutline

</td><td>

</td></tr> <tr><td>

buttonDestructive

</td><td>

</td></tr> <tr><td>

buttonGhost

</td><td>

</td></tr> <tr><td>

buttonGhostDestructive

</td><td>

</td></tr> <tr><td>

buttonGhostUnimportant

</td><td>

</td></tr> <tr><td>

buttonPrimary

</td><td>

</td></tr> <tr><td>

buttonPrimaryInvert

</td><td>

</td></tr> <tr><td>

buttonRippleEffect

</td><td>

</td></tr> <tr><td>

buttonSecondary

</td><td>

</td></tr> <tr><td>

buttonSecondaryInvert

</td><td>

</td></tr> <tr><td>

buttonTertiary

</td><td>

</td></tr> <tr><td>

buttonTertiaryOutline

</td><td>

</td></tr> <tr><td>

buttonUnimportant

</td><td>

</td></tr> <tr><td>

ButtonWithMenu

</td><td>

Uniform ButtonWithMenu Component

</td></tr> <tr><td>

Calendar

</td><td>

A Calendar Grid which allows the user to navigate and select a date.

</td></tr> <tr><td>

Callout

</td><td>

Uniform Callout Component

</td></tr> <tr><td>

canvasAlertIcon

</td><td>

</td></tr> <tr><td>

Caption

</td><td>

Component that provides caption text to input fields

</td></tr> <tr><td>

Card

</td><td>

</td></tr> <tr><td>

CardContainer

</td><td>

Uniform Card Container

</td></tr> <tr><td>

cardIcon

</td><td>

</td></tr> <tr><td>

CardTitle

</td><td>

</td></tr> <tr><td>

CHECKBOX_OPERATORS

</td><td>

</td></tr> <tr><td>

CheckboxWithInfo

</td><td>

</td></tr> <tr><td>

Chip

</td><td>

Chips are used in a variety of ways To represent tokens, where the value of the chip will be replaced with something dynamically. To represent tags or important metadata about an object To represent a different object, as a reference

</td></tr> <tr><td>

ConnectToDataElementButton

</td><td>

</td></tr> <tr><td>

Container

</td><td>

</td></tr> <tr><td>

Counter

</td><td>

</td></tr> <tr><td>

cq

</td><td>

Container Query Helper Function

</td></tr> <tr><td>

CreateTeamIntegrationTile

</td><td>

</td></tr> <tr><td>

CurrentDrawerContext

</td><td>

</td></tr> <tr><td>

customIcons

</td><td>

</td></tr> <tr><td>

DashedBox

</td><td>

Uniform Dashed Box Component

</td></tr> <tr><td>

DATE_OPERATORS

</td><td>

</td></tr> <tr><td>

DateEditor

</td><td>

</td></tr> <tr><td>

DateRangeEditor

</td><td>

</td></tr> <tr><td>

DateTimePicker

</td><td>

Date Time Picker

</td></tr> <tr><td>

DebouncedInputKeywordSearch

</td><td>

Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback to avoid triggering any business logic on every keystroke.

</td></tr> <tr><td>

DescriptionList

</td><td>

A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).

</td></tr> <tr><td>

Details

</td><td>

</td></tr> <tr><td>

DismissibleChipAction

</td><td>

Dismissible chip action should be used with the Chip component

</td></tr> <tr><td>

Drawer

</td><td>

A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer

</td></tr> <tr><td>

DrawerContent

</td><td>

</td></tr> <tr><td>

DrawerProvider

</td><td>

Provides the context to the Drawer and DrawerRenderer components.

</td></tr> <tr><td>

DrawerRenderer

</td><td>

Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.

</td></tr> <tr><td>

EditTeamIntegrationTile

</td><td>

Uniform Edit Team Integration Tile

</td></tr> <tr><td>

ErrorMessage

</td><td>

Component that provides error messaging to input fields

</td></tr> <tr><td>

extractParameterProps

</td><td>

A function that extracts all common props and element props

</td></tr> <tr><td>

fadeIn

</td><td>

fadeIn animation - fade in an element from 0 to 1 opacity

</td></tr> <tr><td>

fadeInBottom

</td><td>

fadeInBottom animation - fades in an element from the Y axis by 10px

</td></tr> <tr><td>

fadeInLtr

</td><td>

</td></tr> <tr><td>

fadeInRtl

</td><td>

</td></tr> <tr><td>

fadeInTop

</td><td>

fadeInTop animation - fades in an element from the Y axis by -10px

</td></tr> <tr><td>

fadeOutBottom

</td><td>

fadeOutBottom animation - fades out an element from the Y axis by 10px

</td></tr> <tr><td>

Fieldset

</td><td>

</td></tr> <tr><td>

FilterButton

</td><td>

</td></tr> <tr><td>

FilterControls

</td><td>

</td></tr> <tr><td>

FilterEditorRenderer

</td><td>

</td></tr> <tr><td>

FilterItem

</td><td>

</td></tr> <tr><td>

FilterItems

</td><td>

</td></tr> <tr><td>

filterMapper

</td><td>

</td></tr> <tr><td>

FilterMenu

</td><td>

</td></tr> <tr><td>

FilterMultiChoiceEditor

</td><td>

</td></tr> <tr><td>

FilterSingleChoiceEditor

</td><td>

</td></tr> <tr><td>

fullWidthScreenIcon

</td><td>

</td></tr> <tr><td>

getDrawerAttributes

</td><td>

</td></tr> <tr><td>

getParentPath

</td><td>

</td></tr> <tr><td>

getPathSegment

</td><td>

</td></tr> <tr><td>

growSubtle

</td><td>

growSubtle animation - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)

</td></tr> <tr><td>

Heading

</td><td>

Component that sets the heading tag

</td></tr> <tr><td>

HexModalBackground

</td><td>

</td></tr> <tr><td>

HorizontalRhythm

</td><td>

</td></tr> <tr><td>

Icon

</td><td>

Component that renders icons

</td></tr> <tr><td>

IconButton

</td><td>

</td></tr> <tr><td>

ImageBroken

</td><td>

</td></tr> <tr><td>

imageTextIcon

</td><td>

</td></tr> <tr><td>

infoFilledIcon

</td><td>

</td></tr> <tr><td>

InfoMessage

</td><td>

Component that provides info messaging to input fields

</td></tr> <tr><td>

InlineAlert

</td><td>

Uniform Inline Alert Component

</td></tr> <tr><td>

input

</td><td>

</td></tr> <tr><td>

Input

</td><td>

Input Component

</td></tr> <tr><td>

inputError

</td><td>

</td></tr> <tr><td>

InputInlineSelect

</td><td>

Input Inline Select

</td></tr> <tr><td>

InputKeywordSearch

</td><td>

Component used for keyword search functionality

</td></tr> <tr><td>

inputSelect

</td><td>

</td></tr> <tr><td>

InputSelect

</td><td>

Input Select Component

</td></tr> <tr><td>

InputTime

</td><td>

Time input with segmented control

</td></tr> <tr><td>

InputToggle

</td><td>

Component that creates a checkbox or radio input field

</td></tr> <tr><td>

IntegrationComingSoon

</td><td>

Uniform Integration Coming Soon Component

</td></tr> <tr><td>

IntegrationHeaderSection

</td><td>

Uniform Integration Header Section Component

</td></tr> <tr><td>

IntegrationLoadingTile

</td><td>

Uniform Integration Loading Tile

</td></tr> <tr><td>

IntegrationModalHeader

</td><td>

Uniform Integration Modal Header

</td></tr> <tr><td>

IntegrationModalIcon

</td><td>

Uniform Integration Modal Icon

</td></tr> <tr><td>

IntegrationTile

</td><td>

</td></tr> <tr><td>

isMacLike

</td><td>

</td></tr> <tr><td>

isSecureURL

</td><td>

</td></tr> <tr><td>

isValidUrl

</td><td>

</td></tr> <tr><td>

JsonEditor

</td><td>

</td></tr> <tr><td>

jsonIcon

</td><td>

</td></tr> <tr><td>

Label

</td><td>

</td></tr> <tr><td>

LabelLeadingIcon

</td><td>

</td></tr> <tr><td>

labelText

</td><td>

</td></tr> <tr><td>

Legend

</td><td>

</td></tr> <tr><td>

LimitsBar

</td><td>

Uniform Limits Bar Component

</td></tr> <tr><td>

Link

</td><td>

Uniform Link Component

</td></tr> <tr><td>

LinkList

</td><td>

</td></tr> <tr><td>

LinkWithRef

</td><td>

Uniform LinkWithRef Component We recommend using this link next/link

</td></tr> <tr><td>

loaderAnimationData

</td><td>

</td></tr> <tr><td>

LoadingCardSkeleton

</td><td>

</td></tr> <tr><td>

LoadingIcon

</td><td>

Loading Icon

</td></tr> <tr><td>

LoadingIndicator

</td><td>

Loading Indicator

</td></tr> <tr><td>

LoadingOverlay

</td><td>

Loading Overlay. NOTE: the container/parent element must have a non-static position value for the overlay to work properly.

</td></tr> <tr><td>

MediaCard

</td><td>

</td></tr> <tr><td>

Menu

</td><td>

Component used for creating clickable menus

</td></tr> <tr><td>

MenuGroup

</td><td>

</td></tr> <tr><td>

MenuItem

</td><td>

MenuItem Component used along side <Menu /> component

</td></tr> <tr><td>

MenuItemInner

</td><td>

MenuItem Component for headless use outside <Menu /> component Use only if adapting Uniform menu item appearance to a non-ariakit menu. This is required because ariakit does not let you use MenuItem outside of a Menu component.

</td></tr> <tr><td>

MenuItemSeparator

</td><td>

</td></tr> <tr><td>

Modal

</td><td>

A modal component to open a dialog with a backdrop that covers the whole page.

</td></tr> <tr><td>

ModalDialog

</td><td>

</td></tr> <tr><td>

mq

</td><td>

Media Query Helper Function

</td></tr> <tr><td>

MultilineChip

</td><td>

A chip specifically designed to fit as a chipped element in an multi-line capable content field. Unlike a regular chip, this one can go onto multiple lines with word wrap, and uses inline behaviours.

</td></tr> <tr><td>

NUMBER_OPERATORS

</td><td>

</td></tr> <tr><td>

NumberEditor

</td><td>

</td></tr> <tr><td>

numberInput

</td><td>

</td></tr> <tr><td>

NumberRangeEditor

</td><td>

</td></tr> <tr><td>

PageHeaderSection

</td><td>

</td></tr> <tr><td>

Paragraph

</td><td>

Component for generic paragraph tags

</td></tr> <tr><td>

ParameterDrawerHeader

</td><td>

</td></tr> <tr><td>

ParameterGroup

</td><td>

</td></tr> <tr><td>

ParameterImage

</td><td>

</td></tr> <tr><td>

ParameterImageInner

</td><td>

</td></tr> <tr><td>

ParameterInput

</td><td>

</td></tr> <tr><td>

ParameterInputInner

</td><td>

</td></tr> <tr><td>

ParameterLabel

</td><td>

</td></tr> <tr><td>

ParameterLink

</td><td>

</td></tr> <tr><td>

ParameterLinkInner

</td><td>

</td></tr> <tr><td>

ParameterMenuButton

</td><td>

</td></tr> <tr><td>

ParameterNameAndPublicIdInput

</td><td>

</td></tr> <tr><td>

ParameterOverrideMarker

</td><td>

</td></tr> <tr><td>

ParameterRichText

</td><td>

</td></tr> <tr><td>

ParameterRichTextInner

</td><td>

</td></tr> <tr><td>

ParameterSelect

</td><td>

</td></tr> <tr><td>

ParameterSelectInner

</td><td>

</td></tr> <tr><td>

ParameterShell

</td><td>

Uniform Parameter shell component

</td></tr> <tr><td>

ParameterShellContext

</td><td>

</td></tr> <tr><td>

ParameterShellPlaceholder

</td><td>

</td></tr> <tr><td>

ParameterTextarea

</td><td>

</td></tr> <tr><td>

ParameterTextareaInner

</td><td>

</td></tr> <tr><td>

ParameterToggle

</td><td>

</td></tr> <tr><td>

ParameterToggleInner

</td><td>

</td></tr> <tr><td>

Popover

</td><td>

</td></tr> <tr><td>

ProgressList

</td><td>

Component that sets the base structure for scrollable content in a max height container

</td></tr> <tr><td>

ProgressListItem

</td><td>

</td></tr> <tr><td>

PUBLISH_STATUS_FIELD_OPERATORS

</td><td>

</td></tr> <tr><td>

queryStringIcon

</td><td>

</td></tr> <tr><td>

rectangleRoundedIcon

</td><td>

</td></tr> <tr><td>

replaceUnderscoreInString

</td><td>

</td></tr> <tr><td>

ResolveIcon

</td><td>

Uniform Resolve Icon Component

</td></tr> <tr><td>

RICHTEXT_OPERATORS

</td><td>

</td></tr> <tr><td>

richTextToolbarButton

</td><td>

</td></tr> <tr><td>

richTextToolbarButtonActive

</td><td>

</td></tr> <tr><td>

RichTextToolbarIcon

</td><td>

</td></tr> <tr><td>

ripple

</td><td>

</td></tr> <tr><td>

ScrollableList

</td><td>

Component that sets the base structure for scrollable content in a max height container

</td></tr> <tr><td>

ScrollableListInputItem

</td><td>

</td></tr> <tr><td>

ScrollableListItem

</td><td>

Component used within <ScrollableList /> for adding interactive button components with predefined styles

</td></tr> <tr><td>

scrollbarStyles

</td><td>

Custom scrollbar styles

</td></tr> <tr><td>

SearchAndFilter

</td><td>

</td></tr> <tr><td>

SearchAndFilterContext

</td><td>

</td></tr> <tr><td>

SearchAndFilterOptionsContainer

</td><td>

</td></tr> <tr><td>

SearchAndFilterProvider

</td><td>

</td></tr> <tr><td>

SearchAndFilterResultContainer

</td><td>

</td></tr> <tr><td>

SearchOnlyContext

</td><td>

</td></tr> <tr><td>

SearchOnlyFilter

</td><td>

</td></tr> <tr><td>

SegmentedControl

</td><td>

Horizontal control with multiple segments. Can be used as a replacement of radio buttons.

</td></tr> <tr><td>

settings

</td><td>

</td></tr> <tr><td>

settingsIcon

</td><td>

</td></tr> <tr><td>

Skeleton

</td><td>

A loading skeleton

</td></tr> <tr><td>

skeletonLoading

</td><td>

</td></tr> <tr><td>

slideInTtb

</td><td>

</td></tr> <tr><td>

spin

</td><td>

</td></tr> <tr><td>

spinnerAnimationData

</td><td>

</td></tr> <tr><td>

StatusBullet

</td><td>

</td></tr> <tr><td>

StatusMultiEditor

</td><td>

</td></tr> <tr><td>

StatusSingleEditor

</td><td>

</td></tr> <tr><td>

structurePanelIcon

</td><td>

</td></tr> <tr><td>

SuccessMessage

</td><td>

Component that provides success messaging to input fields

</td></tr> <tr><td>

supports

</td><td>

Media Query Helper Function

</td></tr> <tr><td>

Switch

</td><td>

Uniform Switch Input Component

</td></tr> <tr><td>

SYSTEM_DATE_OPERATORS

</td><td>

</td></tr> <tr><td>

SYSTEM_FIELD_OPERATORS

</td><td>

</td></tr> <tr><td>

TabButton

</td><td>

</td></tr> <tr><td>

TabButtonGroup

</td><td>

</td></tr> <tr><td>

TabContent

</td><td>

</td></tr> <tr><td>

Table

</td><td>

Uniform's Table component

</td></tr> <tr><td>

TableBody

</td><td>

</td></tr> <tr><td>

TableCellData

</td><td>

</td></tr> <tr><td>

TableCellHead

</td><td>

</td></tr> <tr><td>

TableFoot

</td><td>

</td></tr> <tr><td>

TableHead

</td><td>

</td></tr> <tr><td>

TableRow

</td><td>

</td></tr> <tr><td>

Tabs

</td><td>

</td></tr> <tr><td>

TAKEOVER_STACK_ID

</td><td>

</td></tr> <tr><td>

TakeoverDrawerRenderer

</td><td>

</td></tr> <tr><td>

Textarea

</td><td>

Textarea Component

</td></tr> <tr><td>

TEXTBOX_OPERATORS

</td><td>

</td></tr> <tr><td>

TextEditor

</td><td>

</td></tr> <tr><td>

textInput

</td><td>

</td></tr> <tr><td>

Theme

</td><td>

Uniform CSS Variables, font provider and optional reset stylesheet

</td></tr> <tr><td>

Tile

</td><td>

</td></tr> <tr><td>

TileContainer

</td><td>

Uniform Tile Container Component

</td></tr> <tr><td>

TileText

</td><td>

</td></tr> <tr><td>

ToastContainer

</td><td>

A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx

</td></tr> <tr><td>

TwoColumnLayout

</td><td>

</td></tr> <tr><td>

UniformBadge

</td><td>

Uniform Badge Logo

</td></tr> <tr><td>

UniformLogo

</td><td>

Uniform Logo

</td></tr> <tr><td>

UniformLogoLarge

</td><td>

</td></tr> <tr><td>

useBreakpoint

</td><td>

Returns the name of the current breakpoint. Built on top of https://github.com/streamich/react-use/blob/master/docs/createBreakpoint.md

</td></tr> <tr><td>

useCloseCurrentDrawer

</td><td>

</td></tr> <tr><td>

useCurrentDrawer

</td><td>

</td></tr> <tr><td>

useCurrentTab

</td><td>

</td></tr> <tr><td>

useDrawer

</td><td>

</td></tr> <tr><td>

useOutsideClick

</td><td>

</td></tr> <tr><td>

useParameterShell

</td><td>

</td></tr> <tr><td>

USER_OPERATORS

</td><td>

</td></tr> <tr><td>

useSearchAndFilter

</td><td>

</td></tr> <tr><td>

VerticalRhythm

</td><td>

</td></tr> <tr><td>

warningIcon

</td><td>

</td></tr> <tr><td>

WarningMessage

</td><td>

Component that provides warning messaging to input fields

</td></tr> <tr><td>

yesNoIcon

</td><td>

</td></tr> </tbody></table>

Type Aliases

<table><thead><tr><th>

Type Alias

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

AddButtonProps

</td><td>

</td></tr> <tr><td>

AddListButtonProps

</td><td>

</td></tr> <tr><td>

AddListButtonThemeProps

</td><td>

</td></tr> <tr><td>

AnimationFileProps

</td><td>

</td></tr> <tr><td>

ArrowPositionProps

</td><td>

</td></tr> <tr><td>

AvatarGroupProps

</td><td>

</td></tr> <tr><td>

AvatarProps

</td><td>

</td></tr> <tr><td>

BadgeProps

</td><td>

</td></tr> <tr><td>

BadgeSizeProps

</td><td>

</td></tr> <tr><td>

BadgeThemeProps

</td><td>

</td></tr> <tr><td>

BadgeThemeStyleProps

</td><td>

</td></tr> <tr><td>

BannerProps

</td><td>

</td></tr> <tr><td>

BannerType

</td><td>

</td></tr> <tr><td>

BoxHeightProps

</td><td>

</td></tr> <tr><td>

BreakpointSize

</td><td>

Breakpoint label values

</td></tr> <tr><td>

BreakpointsMap

</td><td>

</td></tr> <tr><td>

ButtonProps

</td><td>

</td></tr> <tr><td>

ButtonSizeProps

</td><td>

Button sizes that are available to use with our brand

</td></tr> <tr><td>

ButtonThemeProps

</td><td>

Button themes that are available to use with our brand

</td></tr> <tr><td>

ButtonWithMenuProps

</td><td>

ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes

</td></tr> <tr><td>

CalendarProps

</td><td>

</td></tr> <tr><td>

CalloutType

</td><td>

Callout button types available to use with our brand

</td></tr> <tr><td>

CaptionProps

</td><td>

</td></tr> <tr><td>

CardContainerBgColorProps

</td><td>

</td></tr> <tr><td>

CardContainerProps

</td><td>

</td></tr> <tr><td>

CardProps

</td><td>

</td></tr> <tr><td>

CardTitleProps

</td><td>

</td></tr> <tr><td>

CheckboxWithInforProps

</td><td>

</td></tr> <tr><td>

ChildFunction

</td><td>

</td></tr> <tr><td>

ChipProps

</td><td>

</td></tr> <tr><td>

ChipTheme

</td><td>

</td></tr> <tr><td>

ComboBoxGroupBase

</td><td>

</td></tr> <tr><td>

ConnectToDataElementButtonProps

</td><td>

</td></tr> <tr><td>

ContainerProps

</td><td>

</td></tr> <tr><td>

CounterProps

</td><td>

</td></tr> <tr><td>

CreateTeamIntegrationTileProps

</td><td>

</td></tr> <tr><td>

DashedBoxProps

</td><td>

</td></tr> <tr><td>

DateTimePickerProps

</td><td>

</td></tr> <tr><td>

DebouncedInputKeywordSearchProps

</td><td>

</td></tr> <tr><td>

DescriptionListProps

</td><td>

</td></tr> <tr><td>

DetailsProps

</td><td>

</td></tr> <tr><td>

DrawerContentProps

</td><td>

</td></tr> <tr><td>

DrawerContextValue

</td><td>

</td></tr> <tr><td>

DrawerProps

</td><td>

</td></tr> <tr><td>

DrawersRegistryRecord

</td><td>

</td></tr> <tr><td>

EditTeamIntegrationTileProps

</td><td>

</td></tr> <tr><td>

ErrorMessageProps

</td><td>

</td></tr> <tr><td>

FieldsetProps

</td><td>

</td></tr> <tr><td>

Filter

</td><td>

</td></tr> <tr><td>

FilterButtonProps

</td><td>

beta - filter button type

</td></tr> <tr><td>

FilterEditor

</td><td>

</td></tr> <tr><td>

FilterEditorCommonInputProps

</td><td>

</td></tr> <tr><td>

FilterEditorProps

</td><td>

</td></tr> <tr><td>

FilterEditorRendererProps

</td><td>

</td></tr> <tr><td>

FilterItemsProps

</td><td>

</td></tr> <tr><td>

FilterMapper

</td><td>

</td></tr> <tr><td>

filterMode

</td><td>

</td></tr> <tr><td>

FilterOption

</td><td>

</td></tr> <tr><td>

FilterRowProps

</td><td>

</td></tr> <tr><td>

FiltersProps

</td><td>

</td></tr> <tr><td>

HeadingProps

</td><td>

</td></tr> <tr><td>

IconColor

</td><td>

sets fill color of the svg icon 'default'

</td></tr> <tr><td>

IconName

</td><td>

A list of available icon names that can be used with the Uniform brand

</td></tr> <tr><td>

IconType

</td><td>

sets the type of icon to use from the available list

</td></tr> <tr><td>

InfoMessageProps

</td><td>

</td></tr> <tr><td>

InlineAlertProps

</td><td>

</td></tr> <tr><td>

InputComboBoxOption

</td><td>

</td></tr> <tr><td>

InputComboBoxProps

</td><td>

</td></tr> <tr><td>

InputInlineSelectOption

</td><td>

</td></tr> <tr><td>

InputInlineSelectProps

</td><td>

</td></tr> <tr><td>

InputOption

</td><td>

</td></tr> <tr><td>

InputProps

</td><td>

</td></tr> <tr><td>

InputSelectProps

</td><td>

</td></tr> <tr><td>

InputTimeProps

</td><td>

</td></tr> <tr><td>

InputToggleProps

</td><td>

</td></tr> <tr><td>

IntegrationComingSoonProps

</td><td>

</td></tr> <tr><td>

IntegrationHeaderSectionProps

</td><td>

</td></tr> <tr><td>

IntegrationLoadingTileProps

</td><td>

</td></tr> <tr><td>

IntegrationModalHeaderProps

</td><td>

</td></tr> <tr><td>

IntegrationModalIconProps

</td><td>

</td></tr> <tr><td>

IntegrationTileProps

</td><td>

</td></tr> <tr><td>

IsoDateString

</td><td>

A string in the ISO 8601 date format: YYYY-MM-DD

</td></tr> <tr><td>

IsoDateTimeString

</td><td>

A string in the ISO 8601 datetime format

</td></tr> <tr><td>

IsoTimeString

</td><td>

A string in the ISO 8601 time format: hh:mm

</td></tr> <tr><td>

JsonEditorProps

</td><td>

</td></tr> <tr><td>

LabelProps

</td><td>

</td></tr> <tr><td>

LegendProps

</td><td>

</td></tr> <tr><td>

LevelProps

</td><td>

Available heading weights e.g. 1 - 6

</td></tr> <tr><td>

LimitsBarProps

</td><td>

</td></tr> <tr><td>

LinkColorProps

</td><td>

</td></tr> <tr><td>

LinkListProps

</td><td>

</td></tr> <tr><td>

LinkManagerWithRefType

</td><td>

</td></tr> <tr><td>

LinkProps

</td><td>

</td></tr> <tr><td>

MediaCardProps

</td><td>

</td></tr> <tr><td>

MenuGroupProps

</td><td>

</td></tr> <tr><td>

MenuItemProps

</td><td>

</td></tr> <tr><td>

MenuItemTextThemeProps

</td><td>

</td></tr> <tr><td>

ModalDialogProps

</td><td>

</td></tr> <tr><td>

ModalProps

</td><td>

</td></tr> <tr><td>

MultilineChipProps

</td><td>

</td></tr> <tr><td>

Operator

</td><td>

</td></tr> <tr><td>

OperatorType

</td><td>

</td></tr> <tr><td>

OperatorValue

</td><td>

</td></tr> <tr><td>

OperatorValueType

</td><td>

</td></tr> <tr><td>

PageHeaderSectionProps

</td><td>

</td></tr> <tr><td>

ParagraphProps

</td><td>

</td></tr> <tr><td>

ParameterDataConnectButtonProps

</td><td>

</td></tr> <tr><td>

ParameterDrawerHeaderProps

</td><td>

</td></tr> <tr><td>

ParameterGroupProps

</td><td>

</td></tr> <tr><td>

ParameterImageProps

</td><td>

</td></tr> <tr><td>

ParameterInputProps

</td><td>

</td></tr> <tr><td>

ParameterLabelProps

</td><td>

</td></tr> <tr><td>

ParameterLinkProps

</td><td>

</td></tr> <tr><td>

ParameterMenuButtonProps

</td><td>

</td></tr> <tr><td>

ParameterNameAndPublicIdInputProps

</td><td>

</td></tr> <tr><td>

ParameterRichTextInnerProps

</td><td>

</td></tr> <tr><td>

ParameterRichTextProps

</td><td>

</td></tr> <tr><td>

ParameterSelectProps

</td><td>

</td></tr> <tr><td>

ParameterShellProps

</td><td>

</td></tr> <tr><td>

ParameterTextareaProps

</td><td>

</td></tr> <tr><td>

ParameterToggleProps

</td><td>

</td></tr> <tr><td>

PopoverProps

</td><td>

</td></tr> <tr><td>

ProgressListItem

</td><td>

</td></tr> <tr><td>

ProgressListItemProps

</td><td>

</td></tr> <tr><td>

ProgressListProps

</td><td>

</td></tr> <tr><td>

RegisterDrawerProps

</td><td>

</td></tr> <tr><td>

ResolveIconProps

</td><td>

</td></tr> <tr><td>

RhythmProps

</td><td>

</td></tr> <tr><td>

RichTextParamValue

</td><td>

</td></tr> <tr><td>

ScrollableItemProps

</td><td>

</td></tr> <tr><td>

ScrollableListContainerProps

</td><td>

</td></tr> <tr><td>

ScrollableListItemProps

</td><td>

</td></tr> <tr><td>

ScrollableListProps

</td><td>

</td></tr> <tr><td>

SearchAndFilterContextProps

</td><td>

</td></tr> <tr><td>

SearchAndFilterOptionsContainerProps

</td><td>

</td></tr> <tr><td>

SearchAndFilterProps

</td><td>

</td></tr> <tr><td>

SearchAndFilterProviderProps

</td><td>

</td></tr> <tr><td>

SearchAndFilterResultContainerProps

</td><td>

</td></tr> <tr><td>

SearchOnlyProviderProps

</td><td>

</td></tr> <tr><td>

SegmentedControlOption

</td><td>

</td></tr> <tr><td>

SegmentedControlProps

</td><td>

</td></tr> <tr><td>

SerializedLinkNode

</td><td>

</td></tr> <tr><td>

SkeletonProps

</td><td>

</td></tr> <tr><td>

StatusBulletProps

</td><td>

</td></tr> <tr><td>

StatusTypeProps

</td><td>

</td></tr> <tr><td>

SuccessMessageProps

</td><td>

</td></tr> <tr><td>

SwitchProps

</td><td>

</td></tr> <tr><td>

TabButtonProps

</td><td>

</td></tr> <tr><td>

TabContentProps

</td><td>

</td></tr> <tr><td>

TableBodyProps

</td><td>

</td></tr> <tr><td>

TableCellDataProps

</td><td>

</td></tr> <tr><td>

TableCellHeadProps

</td><td>

</td></tr> <tr><td>

TableFootProps

</td><td>

</td></tr> <tr><td>

TableHeadProps

</td><td>

</td></tr> <tr><td>

TableProps

</td><td>

</td></tr> <tr><td>

TableRowProps

</td><td>

</td></tr> <tr><td>

TabsProps

</td><td>

</td></tr> <tr><td>

TextAlignProps

</td><td>

</td></tr> <tr><td>

TextareaProps

</td><td>

</td></tr> <tr><td>

ThemeProps

</td><td>

@todo: line 144 onwards will be brought into a title, paragraph, list and link components

</td></tr> <tr><td>

TileContainerProps

</td><td>

</td></tr> <tr><td>

TileProps

</td><td>

</td></tr> <tr><td>

TileTitleProps

</td><td>

</td></tr> <tr><td>

ToastContainerProps

</td><td>

</td></tr> <tr><td>

TooltipProps

</td><td>

</td></tr> <tr><td>

TwoColumnLayoutProps

</td><td>

</td></tr> <tr><td>

UniformLogoProps

</td><td>

</td></tr> <tr><td>

UseShortcutOptions

</td><td>

</td></tr> <tr><td>

WarningMessageProps

</td><td>

</td></tr> </tbody></table>