# Splunk UI React Components > Splunk UI is a comprehensive React component library and design system for building enterprise applications with consistent user interface patterns. It provides a complete toolkit for creating scalable, accessible, and visually cohesive applications within the Splunk ecosystem. Important notes: - Built specifically for React applications using modern JavaScript/TypeScript - Follows Splunk's design language and accessibility standards - Optimized for enterprise-scale applications with complex data visualization needs - Includes comprehensive theming and customization capabilities - Documentation is dynamically loaded, so direct content fetching requires browser interaction ## Documentation & Getting Started - [Overview](https://splunkui.splunk.com/Packages/react-ui/Overview): Introduction to Splunk UI and core concepts | [API](https://splunkui.splunk.com/Packages/react-ui/Overview?section=develop) - [Components](https://splunkui.splunk.com/Packages/react-ui/Components): Complete component library overview | [API](https://splunkui.splunk.com/Packages/react-ui/Components?section=develop) - [Migration](https://splunkui.splunk.com/Packages/react-ui/Migration): Guide for migrating between versions | [API](https://splunkui.splunk.com/Packages/react-ui/Migration?section=develop) - [Testing](https://splunkui.splunk.com/Packages/react-ui/Testing): Testing strategies and utilities for Splunk UI components | [API](https://splunkui.splunk.com/Packages/react-ui/Testing?section=develop) - [Theming](https://splunkui.splunk.com/Packages/react-ui/Theming): Customization and theming system | [API](https://splunkui.splunk.com/Packages/react-ui/Theming?section=develop) - [ChangeLog](https://splunkui.splunk.com/Packages/react-ui/ChangeLog): Version history and release notes | [API](https://splunkui.splunk.com/Packages/react-ui/ChangeLog?section=develop) - [Licenses](https://splunkui.splunk.com/Packages/react-ui/Licenses): License information and third-party dependencies | [API](https://splunkui.splunk.com/Packages/react-ui/Licenses?section=develop) ## Navigation & Display Components ### [Anchor](https://splunkui.splunk.com/Packages/react-ui/Anchor) Accessible anchor links with consistent styling and behavior patterns for internal and external navigation. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Anchor?section=develop) ### [Avatar](https://splunkui.splunk.com/Packages/react-ui/Avatar) User profile images and initials display with fallback options and customizable sizes. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Avatar?section=develop) ### [Button](https://splunkui.splunk.com/Packages/react-ui/Button) Primary action buttons with multiple variants (primary, secondary, destructive) and states (loading, disabled). - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Button?section=develop) ### [ButtonGroup](https://splunkui.splunk.com/Packages/react-ui/ButtonGroup) Container for grouping related buttons together with consistent spacing and alignment. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ButtonGroup?section=develop) ### [SplitButton](https://splunkui.splunk.com/Packages/react-ui/SplitButton) Button with integrated dropdown menu for primary action plus secondary options. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/SplitButton?section=develop) ### [Link](https://splunkui.splunk.com/Packages/react-ui/Link) Styled links for navigation and external references with consistent hover and focus states. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Link?section=develop) ### [Breadcrumbs](https://splunkui.splunk.com/Packages/react-ui/Breadcrumbs) Navigation trail showing current page location within the application hierarchy. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Breadcrumbs?section=develop) ### [TabBar](https://splunkui.splunk.com/Packages/react-ui/TabBar) Horizontal tab navigation component for switching between related content views. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/TabBar?section=develop) ### [TabLayout](https://splunkui.splunk.com/Packages/react-ui/TabLayout) Complete tabbed interface layout with content panels and navigation management. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/TabLayout?section=develop) ### [Menu](https://splunkui.splunk.com/Packages/react-ui/Menu) Dropdown and context menu component with keyboard navigation and accessibility support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Menu?section=develop) ### [StepBar](https://splunkui.splunk.com/Packages/react-ui/StepBar) Multi-step process indicator showing progress through sequential workflows. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/StepBar?section=develop) ## Data & Content Components ### [Table](https://splunkui.splunk.com/Packages/react-ui/Table) Enterprise data table with sorting, filtering, pagination, and row selection capabilities. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Table?section=develop) ### [Card](https://splunkui.splunk.com/Packages/react-ui/Card) Content container with header, body, and footer sections for organizing related information. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Card?section=develop) ### [CardLayout](https://splunkui.splunk.com/Packages/react-ui/CardLayout) Grid layout system for organizing cards with responsive column management. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/CardLayout?section=develop) ### [Message](https://splunkui.splunk.com/Packages/react-ui/Message) Alert and notification messages with different severity levels (info, warning, error, success). - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Message?section=develop) ### [MessageBar](https://splunkui.splunk.com/Packages/react-ui/MessageBar) Persistent notification bar for system-wide messages and status updates. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/MessageBar?section=develop) ### [Code](https://splunkui.splunk.com/Packages/react-ui/Code) Syntax-highlighted code display with copy functionality and theme support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Code?section=develop) ### [JSONTree](https://splunkui.splunk.com/Packages/react-ui/JSONTree) Interactive JSON data visualization with expandable/collapsible nodes. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/JSONTree?section=develop) ### [Markdown](https://splunkui.splunk.com/Packages/react-ui/Markdown) Markdown content rendering component with customizable styling and plugins. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Markdown?section=develop) ### [Chip](https://splunkui.splunk.com/Packages/react-ui/Chip) Small labeled UI elements for tags, categories, and removable selections. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Chip?section=develop) ### [Progress](https://splunkui.splunk.com/Packages/react-ui/Progress) Progress bars and loading indicators for showing task completion status. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Progress?section=develop) ### [WaitSpinner](https://splunkui.splunk.com/Packages/react-ui/WaitSpinner) Loading spinners for async operations with customizable size and styling. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/WaitSpinner?section=develop) ### [Paginator](https://splunkui.splunk.com/Packages/react-ui/Paginator) Pagination controls for large datasets with page size options and navigation. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Paginator?section=develop) ## Forms & Input Components ### [Text](https://splunkui.splunk.com/Packages/react-ui/Text) Single-line text input field with validation, placeholder, and formatting support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Text?section=develop) ### [TextArea](https://splunkui.splunk.com/Packages/react-ui/TextArea) Multi-line text input field with resize options and character counting. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/TextArea?section=develop) ### [Number](https://splunkui.splunk.com/Packages/react-ui/Number) Numeric input with validation, step controls, and formatting options. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Number?section=develop) ### [Date](https://splunkui.splunk.com/Packages/react-ui/Date) Date picker and date input component with calendar popup and range selection. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Date?section=develop) ### [Select](https://splunkui.splunk.com/Packages/react-ui/Select) Dropdown selection component with search and grouping capabilities. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Select?section=develop) ### [ComboBox](https://splunkui.splunk.com/Packages/react-ui/ComboBox) Searchable dropdown with autocomplete and custom value creation. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ComboBox?section=develop) ### [Multiselect](https://splunkui.splunk.com/Packages/react-ui/Multiselect) Multiple selection dropdown with chips display and bulk selection options. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Multiselect?section=develop) ### [DualListbox](https://splunkui.splunk.com/Packages/react-ui/DualListbox) Transfer items between two lists with search and bulk operations. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/DualListbox?section=develop) ### [RadioBar](https://splunkui.splunk.com/Packages/react-ui/RadioBar) Horizontal radio button group for single selection from multiple options. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/RadioBar?section=develop) ### [RadioList](https://splunkui.splunk.com/Packages/react-ui/RadioList) Vertical radio button list with descriptions and custom styling. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/RadioList?section=develop) ### [Search](https://splunkui.splunk.com/Packages/react-ui/Search) Search input with built-in functionality, suggestions, and history. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Search?section=develop) ### [Slider](https://splunkui.splunk.com/Packages/react-ui/Slider) Range slider for numeric selection with step control and value display. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Slider?section=develop) ### [Switch](https://splunkui.splunk.com/Packages/react-ui/Switch) Toggle switch for boolean values with customizable labels and styling. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Switch?section=develop) ### [File](https://splunkui.splunk.com/Packages/react-ui/File) File upload and selection component with drag-and-drop and validation. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/File?section=develop) ### [Image](https://splunkui.splunk.com/Packages/react-ui/Image) Image display with upload capabilities, cropping, and preview functionality. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Image?section=develop) ### [Color](https://splunkui.splunk.com/Packages/react-ui/Color) Color picker and color input with palette, hex, and RGB support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Color?section=develop) ### [ControlGroup](https://splunkui.splunk.com/Packages/react-ui/ControlGroup) Container for grouping form controls with consistent spacing and alignment. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ControlGroup?section=develop) ### [FormRows](https://splunkui.splunk.com/Packages/react-ui/FormRows) Layout component for organizing form elements in rows with responsive behavior. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/FormRows?section=develop) ## Layout & Structure Components ### [Layout](https://splunkui.splunk.com/Packages/react-ui/Layout) Main application layout with header, sidebar, and content areas with responsive behavior. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Layout?section=develop) ### [ColumnLayout](https://splunkui.splunk.com/Packages/react-ui/ColumnLayout) Flexible column-based layout system with responsive breakpoints and gutters. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ColumnLayout?section=develop) ### [SidePanel](https://splunkui.splunk.com/Packages/react-ui/SidePanel) Collapsible side panel for navigation or additional content with overlay options. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/SidePanel?section=develop) ### [SlidingPanels](https://splunkui.splunk.com/Packages/react-ui/SlidingPanels) Animated sliding panel interface for multi-step workflows and navigation. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/SlidingPanels?section=develop) ### [Modal](https://splunkui.splunk.com/Packages/react-ui/Modal) Overlay dialog for important interactions with backdrop and focus management. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Modal?section=develop) ### [Popover](https://splunkui.splunk.com/Packages/react-ui/Popover) Contextual popup content with positioning and trigger management. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Popover?section=develop) ### [Tooltip](https://splunkui.splunk.com/Packages/react-ui/Tooltip) Hover tooltips for additional information with smart positioning. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Tooltip?section=develop) ### [Dropdown](https://splunkui.splunk.com/Packages/react-ui/Dropdown) Generic dropdown container component with positioning and animation support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Dropdown?section=develop) ### [Layer](https://splunkui.splunk.com/Packages/react-ui/Layer) Z-index management for overlays and modal content with portal rendering. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Layer?section=develop) ### [CollapsiblePanel](https://splunkui.splunk.com/Packages/react-ui/CollapsiblePanel) Expandable content panels with smooth animations and customizable triggers. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/CollapsiblePanel?section=develop) ### [Accordion](https://splunkui.splunk.com/Packages/react-ui/Accordion) Multiple collapsible sections with single or multiple expansion modes. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Accordion?section=develop) ### [Divider](https://splunkui.splunk.com/Packages/react-ui/Divider) Visual separator between content sections with horizontal and vertical orientations. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Divider?section=develop) ## Typography & Content ### [Typography](https://splunkui.splunk.com/Packages/react-ui/Typography) Text styling and typography system with consistent font scales and spacing. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Typography?section=develop) ### [Heading](https://splunkui.splunk.com/Packages/react-ui/Heading) Semantic heading components (H1-H6) with consistent styling and accessibility. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Heading?section=develop) ### [Paragraph](https://splunkui.splunk.com/Packages/react-ui/Paragraph) Styled paragraph text component with consistent line height and spacing. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Paragraph?section=develop) ### [List](https://splunkui.splunk.com/Packages/react-ui/List) Ordered and unordered list components with customizable markers and spacing. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/List?section=develop) ### [DefinitionList](https://splunkui.splunk.com/Packages/react-ui/DefinitionList) Key-value pair list display with consistent formatting and alignment. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/DefinitionList?section=develop) ### [Prose](https://splunkui.splunk.com/Packages/react-ui/Prose) Rich text content container with optimized typography for readability. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Prose?section=develop) ### [StaticContent](https://splunkui.splunk.com/Packages/react-ui/StaticContent) Static HTML content wrapper with sanitization and security features. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/StaticContent?section=develop) ### [Monogram](https://splunkui.splunk.com/Packages/react-ui/Monogram) Brand monogram and logo component with consistent sizing and positioning. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Monogram?section=develop) ## Utilities & Helpers ### [Clickable](https://splunkui.splunk.com/Packages/react-ui/Clickable) Generic clickable wrapper component with consistent interaction states. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Clickable?section=develop) ### [AnimationToggle](https://splunkui.splunk.com/Packages/react-ui/AnimationToggle) Animation control utility for enabling/disabling motion throughout the application. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/AnimationToggle?section=develop) ### [TransitionOpen](https://splunkui.splunk.com/Packages/react-ui/TransitionOpen) Smooth open/close transitions for show/hide animations. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/TransitionOpen?section=develop) ### [Resize](https://splunkui.splunk.com/Packages/react-ui/Resize) Resizable container component with drag handles and constraint management. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Resize?section=develop) ### [Scroll](https://splunkui.splunk.com/Packages/react-ui/Scroll) Custom scrollbar and scroll behavior with cross-browser compatibility. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/Scroll?section=develop) ### [ScrollContainerContext](https://splunkui.splunk.com/Packages/react-ui/ScrollContainerContext) React context for managing scroll containers and nested scrolling behavior. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ScrollContainerContext?section=develop) ### [ScreenReaderContent](https://splunkui.splunk.com/Packages/react-ui/ScreenReaderContent) Accessibility helper for screen readers with visually hidden content. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/ScreenReaderContent?section=develop) ### [useKeyPress](https://splunkui.splunk.com/Packages/react-ui/useKeyPress) React hook for keyboard event handling with key combination support. - [API Documentation](https://splunkui.splunk.com/Packages/react-ui/useKeyPress?section=develop) ## Examples *Note: The Splunk UI documentation site uses dynamic content loading. Examples are available by visiting each component's page directly and adding `?section=examples` to the URL.* ### Navigation & Display Examples - [Anchor Examples](https://splunkui.splunk.com/Packages/react-ui/Anchor?section=examples): Link styling, external links, and accessibility patterns - [Avatar Examples](https://splunkui.splunk.com/Packages/react-ui/Avatar?section=examples): Profile images, initials, sizes, and fallback states - [Button Examples](https://splunkui.splunk.com/Packages/react-ui/Button?section=examples): Primary/secondary buttons, loading states, icon buttons - [ButtonGroup Examples](https://splunkui.splunk.com/Packages/react-ui/ButtonGroup?section=examples): Grouped actions, toolbar layouts, spacing options - [SplitButton Examples](https://splunkui.splunk.com/Packages/react-ui/SplitButton?section=examples): Primary action with dropdown menu options - [Link Examples](https://splunkui.splunk.com/Packages/react-ui/Link?section=examples): Text links, navigation patterns, hover states - [Breadcrumbs Examples](https://splunkui.splunk.com/Packages/react-ui/Breadcrumbs?section=examples): Navigation trails, truncation, mobile patterns - [TabBar Examples](https://splunkui.splunk.com/Packages/react-ui/TabBar?section=examples): Horizontal tabs, active states, overflow handling - [TabLayout Examples](https://splunkui.splunk.com/Packages/react-ui/TabLayout?section=examples): Complete tabbed interfaces with content panels - [Menu Examples](https://splunkui.splunk.com/Packages/react-ui/Menu?section=examples): Dropdown menus, context menus, keyboard navigation - [StepBar Examples](https://splunkui.splunk.com/Packages/react-ui/StepBar?section=examples): Multi-step workflows, progress indicators, navigation ### Data & Content Examples - [Table Examples](https://splunkui.splunk.com/Packages/react-ui/Table?section=examples): Data tables, sorting, filtering, pagination, row selection - [Card Examples](https://splunkui.splunk.com/Packages/react-ui/Card?section=examples): Content cards, headers/footers, interactive cards - [CardLayout Examples](https://splunkui.splunk.com/Packages/react-ui/CardLayout?section=examples): Grid layouts, responsive cards, masonry layouts - [Message Examples](https://splunkui.splunk.com/Packages/react-ui/Message?section=examples): Alert messages, notifications, dismissible alerts - [MessageBar Examples](https://splunkui.splunk.com/Packages/react-ui/MessageBar?section=examples): System notifications, persistent messages - [Code Examples](https://splunkui.splunk.com/Packages/react-ui/Code?section=examples): Syntax highlighting, copy functionality, inline/block code - [JSONTree Examples](https://splunkui.splunk.com/Packages/react-ui/JSONTree?section=examples): JSON visualization, expandable nodes, data exploration - [Markdown Examples](https://splunkui.splunk.com/Packages/react-ui/Markdown?section=examples): Rendered markdown, custom styling, plugins - [Chip Examples](https://splunkui.splunk.com/Packages/react-ui/Chip?section=examples): Tags, removable chips, chip groups, selection states - [Progress Examples](https://splunkui.splunk.com/Packages/react-ui/Progress?section=examples): Progress bars, determinate/indeterminate states, labels - [WaitSpinner Examples](https://splunkui.splunk.com/Packages/react-ui/WaitSpinner?section=examples): Loading spinners, sizes, overlay patterns - [Paginator Examples](https://splunkui.splunk.com/Packages/react-ui/Paginator?section=examples): Pagination controls, page size selection, navigation ### Forms & Input Examples - [Text Examples](https://splunkui.splunk.com/Packages/react-ui/Text?section=examples): Text inputs, validation states, placeholders, formatting - [TextArea Examples](https://splunkui.splunk.com/Packages/react-ui/TextArea?section=examples): Multi-line inputs, resize options, character limits - [Number Examples](https://splunkui.splunk.com/Packages/react-ui/Number?section=examples): Numeric inputs, step controls, validation, formatting - [Date Examples](https://splunkui.splunk.com/Packages/react-ui/Date?section=examples): Date pickers, range selection, calendar interfaces - [Select Examples](https://splunkui.splunk.com/Packages/react-ui/Select?section=examples): Dropdown selection, search, grouping, custom options - [ComboBox Examples](https://splunkui.splunk.com/Packages/react-ui/ComboBox?section=examples): Autocomplete, searchable dropdowns, custom values - [Multiselect Examples](https://splunkui.splunk.com/Packages/react-ui/Multiselect?section=examples): Multiple selection, chips display, bulk operations - [DualListbox Examples](https://splunkui.splunk.com/Packages/react-ui/DualListbox?section=examples): Transfer lists, search, bulk selection - [RadioBar Examples](https://splunkui.splunk.com/Packages/react-ui/RadioBar?section=examples): Horizontal radio groups, button-style radios - [RadioList Examples](https://splunkui.splunk.com/Packages/react-ui/RadioList?section=examples): Vertical radio lists, descriptions, custom styling - [Search Examples](https://splunkui.splunk.com/Packages/react-ui/Search?section=examples): Search inputs, suggestions, autocomplete, history - [Slider Examples](https://splunkui.splunk.com/Packages/react-ui/Slider?section=examples): Range sliders, step controls, value display, dual handles - [Switch Examples](https://splunkui.splunk.com/Packages/react-ui/Switch?section=examples): Toggle switches, labels, sizes, disabled states - [File Examples](https://splunkui.splunk.com/Packages/react-ui/File?section=examples): File upload, drag-and-drop, validation, multiple files - [Image Examples](https://splunkui.splunk.com/Packages/react-ui/Image?section=examples): Image upload, cropping, preview, thumbnails - [Color Examples](https://splunkui.splunk.com/Packages/react-ui/Color?section=examples): Color pickers, palettes, hex/RGB inputs - [ControlGroup Examples](https://splunkui.splunk.com/Packages/react-ui/ControlGroup?section=examples): Form control grouping, spacing, alignment - [FormRows Examples](https://splunkui.splunk.com/Packages/react-ui/FormRows?section=examples): Form layouts, responsive rows, field organization ### Layout & Structure Examples - [Layout Examples](https://splunkui.splunk.com/Packages/react-ui/Layout?section=examples): Application layouts, header/sidebar/content, responsive design - [ColumnLayout Examples](https://splunkui.splunk.com/Packages/react-ui/ColumnLayout?section=examples): Column grids, responsive breakpoints, gutters - [SidePanel Examples](https://splunkui.splunk.com/Packages/react-ui/SidePanel?section=examples): Collapsible sidebars, overlay panels, navigation - [SlidingPanels Examples](https://splunkui.splunk.com/Packages/react-ui/SlidingPanels?section=examples): Multi-step interfaces, wizard patterns - [Modal Examples](https://splunkui.splunk.com/Packages/react-ui/Modal?section=examples): Dialog modals, confirmation dialogs, form modals - [Popover Examples](https://splunkui.splunk.com/Packages/react-ui/Popover?section=examples): Contextual popups, positioning, triggers - [Tooltip Examples](https://splunkui.splunk.com/Packages/react-ui/Tooltip?section=examples): Hover tooltips, positioning, rich content - [Dropdown Examples](https://splunkui.splunk.com/Packages/react-ui/Dropdown?section=examples): Generic dropdowns, positioning, animations - [Layer Examples](https://splunkui.splunk.com/Packages/react-ui/Layer?section=examples): Z-index management, portal rendering, overlay stacking - [CollapsiblePanel Examples](https://splunkui.splunk.com/Packages/react-ui/CollapsiblePanel?section=examples): Expandable panels, animations, triggers - [Accordion Examples](https://splunkui.splunk.com/Packages/react-ui/Accordion?section=examples): Collapsible sections, single/multiple expansion - [Divider Examples](https://splunkui.splunk.com/Packages/react-ui/Divider?section=examples): Visual separators, horizontal/vertical, spacing ### Typography & Content Examples - [Typography Examples](https://splunkui.splunk.com/Packages/react-ui/Typography?section=examples): Font scales, spacing, text styling - [Heading Examples](https://splunkui.splunk.com/Packages/react-ui/Heading?section=examples): Heading levels, semantic markup, consistent styling - [Paragraph Examples](https://splunkui.splunk.com/Packages/react-ui/Paragraph?section=examples): Text paragraphs, line height, spacing - [List Examples](https://splunkui.splunk.com/Packages/react-ui/List?section=examples): Ordered/unordered lists, custom markers, nested lists - [DefinitionList Examples](https://splunkui.splunk.com/Packages/react-ui/DefinitionList?section=examples): Key-value pairs, formatting, alignment - [Prose Examples](https://splunkui.splunk.com/Packages/react-ui/Prose?section=examples): Rich text content, readability optimization - [StaticContent Examples](https://splunkui.splunk.com/Packages/react-ui/StaticContent?section=examples): HTML content, sanitization, security - [Monogram Examples](https://splunkui.splunk.com/Packages/react-ui/Monogram?section=examples): Brand logos, sizing, positioning ### Utilities & Helpers Examples - [Clickable Examples](https://splunkui.splunk.com/Packages/react-ui/Clickable?section=examples): Generic clickable wrappers, interaction states - [AnimationToggle Examples](https://splunkui.splunk.com/Packages/react-ui/AnimationToggle?section=examples): Motion controls, accessibility preferences - [TransitionOpen Examples](https://splunkui.splunk.com/Packages/react-ui/TransitionOpen?section=examples): Show/hide animations, smooth transitions - [Resize Examples](https://splunkui.splunk.com/Packages/react-ui/Resize?section=examples): Resizable containers, drag handles, constraints - [Scroll Examples](https://splunkui.splunk.com/Packages/react-ui/Scroll?section=examples): Custom scrollbars, cross-browser compatibility - [ScrollContainerContext Examples](https://splunkui.splunk.com/Packages/react-ui/ScrollContainerContext?section=examples): Scroll management, nested scrolling - [ScreenReaderContent Examples](https://splunkui.splunk.com/Packages/react-ui/ScreenReaderContent?section=examples): Accessibility helpers, hidden content - [useKeyPress Examples](https://splunkui.splunk.com/Packages/react-ui/useKeyPress?section=examples): Keyboard event handling, key combinations ## Key Features - **Enterprise-Ready**: Designed for complex business applications with robust data handling - **Accessibility First**: Built with WCAG compliance and screen reader support - **Consistent Design**: Unified design language across all components - **Customizable Theming**: Comprehensive theming system for brand customization - **TypeScript Support**: Full TypeScript definitions for enhanced developer experience - **Performance Optimized**: Efficient rendering and memory usage for large-scale applications - **Responsive Design**: Mobile-first approach with responsive breakpoints - **Modern React**: Built with React hooks and modern development patterns