Skip to main content
Design
Dev
For developers
Get started
Install (React)
Upgrade to v6
Upgrade to v5
Upgrade to v4
Upgrade to v3
CSS-only install
CSS
Reference table
Typography
Colors
Border
Padding
Device notch
Specificity layer
Syntax highlighting
Tailwind theme
Examples
Setup examples
Color mode picker
Profile picture
Table of contents
Wizard
Single file upload
Multiple file upload
Date range presets
Formatting
Charts
Overview
Line chart
Bar chart
Pie chart
Composed
Common utilities
Dashboard
Data Table
Overview
Cells
Filters
Pagination
Selection
Sorting
Styling
Toolbar
Column Actions
Column Ordering
Column Pinning
Column Visibility
Expanding Rows
Localization
Remote Data
Virtualization
Miscellaneous
Hooks
useApplyColorMode()
useBreakpoint()
useDateTimeFormatter()
useFloatingMessage()
useHotkey()
useNav()
usePrefersColorMode()
useRelativeTime()
Components
Accordion
AutoCol
BackButton
Badge
Banner
Bifrost
BottomBar
Box
Breadcrumbs
Breakpoint
Button
Card
Checkbox
CheckboxCard
Container
DataTable
DatePicker
Drawer
Dropdown
Ellipsis
Feedback
FieldGroup
FileInputArea
FloatingArea
FloatingMessage
FormatDate
FormatDuration
FormatRelativeTime
Grid
Highlighter
Icon
Inline
Input
Label
Link
List
Menu
Message
Modal
Nav
Pagination
ProgressBar
Radio
RadioCard
Scrollbar
Section
Select
Skeleton
SlideDown
Spinner
StepBar
Sticky
SubmitButton
Switch
SwitchCard
Table
Tabs
Tag
TextArea
Tooltip
Collapse
Bifrost
Color mode
Light
Dark
System
Color theme
Teal
Purple
Pink
Yellow
Code repository
GitHub repository
Releases
Changelogs
@intility/bifrost-css@6.12.0
@intility/bifrost-react@6.20.0
@intility/bifrost-react-datepicker@6.2.11
@intility/bifrost-react-select@6.1.5
Design
Dev
For developers
Get started
Install (React)
Upgrade to v6
Upgrade to v5
Upgrade to v4
Upgrade to v3
CSS-only install
CSS
Reference table
Typography
Colors
Border
Padding
Device notch
Specificity layer
Syntax highlighting
Tailwind theme
Examples
Setup examples
Color mode picker
Profile picture
Table of contents
Wizard
Single file upload
Multiple file upload
Date range presets
Formatting
Charts
Overview
Line chart
Bar chart
Pie chart
Composed
Common utilities
Dashboard
Data Table
Overview
Cells
Filters
Pagination
Selection
Sorting
Styling
Toolbar
Column Actions
Column Ordering
Column Pinning
Column Visibility
Expanding Rows
Localization
Remote Data
Virtualization
Miscellaneous
Hooks
useApplyColorMode()
useBreakpoint()
useDateTimeFormatter()
useFloatingMessage()
useHotkey()
useNav()
usePrefersColorMode()
useRelativeTime()
Components
Accordion
AutoCol
BackButton
Badge
Banner
Bifrost
BottomBar
Box
Breadcrumbs
Breakpoint
Button
Card
Checkbox
CheckboxCard
Container
DataTable
DatePicker
Drawer
Dropdown
Ellipsis
Feedback
FieldGroup
FileInputArea
FloatingArea
FloatingMessage
FormatDate
FormatDuration
FormatRelativeTime
Grid
Highlighter
Icon
Inline
Input
Label
Link
List
Menu
Message
Modal
Nav
Pagination
ProgressBar
Radio
RadioCard
Scrollbar
Section
Select
Skeleton
SlideDown
Spinner
StepBar
Sticky
SubmitButton
Switch
SwitchCard
Table
Tabs
Tag
TextArea
Tooltip
Close menu
/
Home
/
CSS
/
Breadcrumbs
Breadcrumbs
Display a path to the active page
Design
React
CSS
Figma
Breadcrumbs
Path of links
Go to top
Breadcrumbs
Path of links
Separated by a
/
:
Root page
/
Sub-page
/
Current page
Edit code
