@datadog/druids
Datadog DRUIDS components for external use.
Components
Each component has its own entry point, for example import { Button } from '@datadog/druids/form/Button';.
Dialogs
Modalfrom@datadog/druids/dialogs/ModalPopover,usePopoverPropsfrom@datadog/druids/dialogs/PopoverPopoverMenuItemfrom@datadog/druids/dialogs/PopoverMenuItem
Form
Buttonfrom@datadog/druids/form/ButtonCheckboxfrom@datadog/druids/form/CheckboxInputNumberfrom@datadog/druids/form/InputNumberInputPasswordfrom@datadog/druids/form/InputPasswordInputSearchfrom@datadog/druids/form/InputSearchInputTextfrom@datadog/druids/form/InputTextRadioButtonsfrom@datadog/druids/form/RadioButtonsSelectfrom@datadog/druids/form/SelectSoftTogglefrom@datadog/druids/form/SoftToggleSplitButtonfrom@datadog/druids/form/SplitButtonTextAreafrom@datadog/druids/form/TextAreaToggleButtonsfrom@datadog/druids/form/ToggleButtonsToggleSwitchfrom@datadog/druids/form/ToggleSwitch
Layout
DruidsEnvironmentfrom@datadog/druids/layout/DruidsEnvironmentGridfrom@datadog/druids/layout/GridGridItemfrom@datadog/druids/layout/GridItemHorizontalSeparatorfrom@datadog/druids/layout/HorizontalSeparatorSidePanelfrom@datadog/druids/layout/SidePanelSpacingfrom@datadog/druids/layout/Spacing
Measures
CalloutValuefrom@datadog/druids/measures/CalloutValueScoreBarfrom@datadog/druids/measures/ScoreBar
Misc
Hookfrom@datadog/druids/misc/HookMessageBoxfrom@datadog/druids/misc/MessageBox
Nav
ProminentTabListfrom@datadog/druids/nav/ProminentTabListTabListSkeletonfrom@datadog/druids/nav/TabListSkeleton
Pills
Badgefrom@datadog/druids/pills/BadgeCalloutTagfrom@datadog/druids/pills/CalloutTagChangePillfrom@datadog/druids/pills/ChangePillStatusPillfrom@datadog/druids/pills/StatusPill
Table
Tablefrom@datadog/druids/table/TableTableEmptyStatefrom@datadog/druids/table/TableEmptyStateTablePaginationfrom@datadog/druids/table/TablePagination
Time
DateRangePickerfrom@datadog/druids/time/DateRangePicker
Typography
Textfrom@datadog/druids/typography/Text
Icons
Every DRUIDS icon has its own entry point: @datadog/druids/icons/<Name> exports <Name>Icon,
for example import { CheckIcon } from '@datadog/druids/icons/Check';. The Icon component is exported from @datadog/druids/icons/Icon.
License
These components are proprietary Datadog materials and are provided solely for use in connection with Datadog Services (such as Datadog App Builder and Actions). They are governed by the Datadog End User License Agreement (EULA) and subject to our Acceptable Use Policy (AUP). They may not be used, copied, modified, distributed, resold, or incorporated into any product or service other than the Datadog Services, including for commercial or competitive purposes, and do not grant any rights to Datadog trademarks or imply Datadog endorsement. The components are provided "as is," without support or service-level commitments, or any representation or warranty regarding compliance with accessibility requirements.
Use and operation of these materials is governed by the End User License Agreement available at: https://www.datadoghq.com/legal/eula/