Home > @uniformdev/design-system
design-system package
Classes
<table><thead><tr><th>
Class
</th><th>
Description
</th></tr></thead> <tbody><tr><td>
</td><td>
</td></tr> </tbody></table>
Enumerations
<table><thead><tr><th>
Enumeration
</th><th>
Description
</th></tr></thead> <tbody><tr><td>
</td><td>
</td></tr> </tbody></table>
Functions
<table><thead><tr><th>
Function
</th><th>
Description
</th></tr></thead> <tbody><tr><td>
</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>
</td><td>
InputComboBox
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
Pagination({ limit, offset, total, onPageChange, })
</td><td>
</td></tr> <tr><td>
</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>
</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>
</td><td>
Use this context for slots within the date time picker in order to manipulate the current value
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> </tbody></table>
Variables
<table><thead><tr><th>
Variable
</th><th>
Description
</th></tr></thead> <tbody><tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Add button component
</td></tr> <tr><td>
</td><td>
Uniform Add List Button Component
</td></tr> <tr><td>
</td><td>
Joins different variants of parent relative url with path segment. Path can be "", "/" and "/foo/bar"
</td></tr> <tr><td>
</td><td>
See https://lottiereact.com/ for example documentation
</td></tr> <tr><td>
</td><td>
A component to render rounded avatars of a user or an app.
</td></tr> <tr><td>
</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>
</td><td>
Uniform Badge Component
</td></tr> <tr><td>
</td><td>
Uniform Banner Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Object of breakpoints and the pixel values
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Button Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform ButtonWithMenu Component
</td></tr> <tr><td>
</td><td>
A Calendar Grid which allows the user to navigate and select a date.
</td></tr> <tr><td>
</td><td>
Uniform Callout Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that provides caption text to input fields
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Card Container
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Container Query Helper Function
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Dashed Box Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Date Time Picker
</td></tr> <tr><td>
</td><td>
Wrapper for InputKeywordSearch that debounces the onSearchTextChanged callback to avoid triggering any business logic on every keystroke.
</td></tr> <tr><td>
</td><td>
A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Dismissible chip action should be used with the Chip component
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
Provides the context to the Drawer and DrawerRenderer components.
</td></tr> <tr><td>
</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>
</td><td>
Uniform Edit Team Integration Tile
</td></tr> <tr><td>
</td><td>
Component that provides error messaging to input fields
</td></tr> <tr><td>
</td><td>
A function that extracts all common props and element props
</td></tr> <tr><td>
</td><td>
fadeIn animation - fade in an element from 0 to 1 opacity
</td></tr> <tr><td>
</td><td>
fadeInBottom animation - fades in an element from the Y axis by 10px
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
fadeInTop animation - fades in an element from the Y axis by -10px
</td></tr> <tr><td>
</td><td>
fadeOutBottom animation - fades out an element from the Y axis by 10px
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</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>
</td><td>
Component that sets the heading tag
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that renders icons
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that provides info messaging to input fields
</td></tr> <tr><td>
</td><td>
Uniform Inline Alert Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Input Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Input Inline Select
</td></tr> <tr><td>
</td><td>
Component used for keyword search functionality
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Input Select Component
</td></tr> <tr><td>
</td><td>
Time input with segmented control
</td></tr> <tr><td>
</td><td>
Component that creates a checkbox or radio input field
</td></tr> <tr><td>
</td><td>
Uniform Integration Coming Soon Component
</td></tr> <tr><td>
</td><td>
Uniform Integration Header Section Component
</td></tr> <tr><td>
</td><td>
Uniform Integration Loading Tile
</td></tr> <tr><td>
</td><td>
Uniform Integration Modal Header
</td></tr> <tr><td>
</td><td>
Uniform Integration Modal Icon
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Limits Bar Component
</td></tr> <tr><td>
</td><td>
Uniform Link Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform LinkWithRef Component We recommend using this link next/link
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Loading Icon
</td></tr> <tr><td>
</td><td>
Loading Indicator
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
Component used for creating clickable menus
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
MenuItem Component used along side <Menu /> component
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
A modal component to open a dialog with a backdrop that covers the whole page.
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Media Query Helper Function
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component for generic paragraph tags
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Parameter shell component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that sets the base structure for scrollable content in a max height container
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
PUBLISH_STATUS_FIELD_OPERATORS
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Resolve Icon Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that sets the base structure for scrollable content in a max height container
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component used within <ScrollableList /> for adding interactive button components with predefined styles
</td></tr> <tr><td>
</td><td>
Custom scrollbar styles
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
SearchAndFilterOptionsContainer
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
SearchAndFilterResultContainer
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Horizontal control with multiple segments. Can be used as a replacement of radio buttons.
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
A loading skeleton
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that provides success messaging to input fields
</td></tr> <tr><td>
</td><td>
Media Query Helper Function
</td></tr> <tr><td>
</td><td>
Uniform Switch Input Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform's Table component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Textarea Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform CSS Variables, font provider and optional reset stylesheet
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Tile Container Component
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
Uniform Badge Logo
</td></tr> <tr><td>
</td><td>
Uniform Logo
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</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>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Component that provides warning messaging to input fields
</td></tr> <tr><td>
</td><td>
</td></tr> </tbody></table>
Type Aliases
<table><thead><tr><th>
Type Alias
</th><th>
Description
</th></tr></thead> <tbody><tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Breakpoint label values
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Button sizes that are available to use with our brand
</td></tr> <tr><td>
</td><td>
Button themes that are available to use with our brand
</td></tr> <tr><td>
</td><td>
ButtonWithMenuProps combines the ActionButtonsProps with React HTMLButtonElement attributes
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Callout button types available to use with our brand
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
ConnectToDataElementButtonProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
CreateTeamIntegrationTileProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
DebouncedInputKeywordSearchProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
beta - filter button type
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
sets fill color of the svg icon 'default'
</td></tr> <tr><td>
</td><td>
A list of available icon names that can be used with the Uniform brand
</td></tr> <tr><td>
</td><td>
sets the type of icon to use from the available list
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
A string in the ISO 8601 date format: YYYY-MM-DD
</td></tr> <tr><td>
</td><td>
A string in the ISO 8601 datetime format
</td></tr> <tr><td>
</td><td>
A string in the ISO 8601 time format: hh:mm
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
Available heading weights e.g. 1 - 6
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
ParameterDataConnectButtonProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
ParameterNameAndPublicIdInputProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
SearchAndFilterOptionsContainerProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
SearchAndFilterResultContainerProps
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
@todo: line 144 onwards will be brought into a title, paragraph, list and link components
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> <tr><td>
</td><td>
</td></tr> </tbody></table>