For developers
Here you'll find everything you need to get started developing in Intility.
Explore our components and get to know design system elements and how to best use them!
Components
Accordion
Vertical menu with collapsible panels
AutoCol
Create column layout based on available width
BackButton
Click to navigate to previous page
Badge
Colored text label to highlight information
Banner
Small box attached to top of an element
Bifrost
Configure locale for React components
BottomBar
Fixed position bottom content panel
Box
Customizable box to apply bifrost background, padding, shadow, and border.
Breadcrumbs
Display a path to the active page
Breakpoint
Conditionally display content based on screen width
Button
For click events
Card
Panel with optional title, content and image
Checkbox
Square with a toggleable checkmak
CheckboxCard
Toggleable panel
Container
Conditionally display content based on container width
| Navn | Tittel | Avdeling |
|---|---|---|
| Eric Morton | Developer | Developer Services |
| Herman Jensen | Developer | Developer Services |
| Linda Tran | Datteren til oppfinneren av Tran | Developer Services |
DataTable
Sort, filter, reorder, paginate your data
DatePicker
Input field for selecting a date
Drawer
Fixed position expandable right-hand sidebar
Dropdown
Display a positioned toggleable pop-up
Ellipsis
Hide overflowing text with an ellipsis
Feedback
Feedback for a group of form fields
FieldGroup
Group multiple input fields together
FileInputArea
Drag and drop area for files
FloatingArea
Fixed area automatically visible on scroll
FloatingMessage
Display a temporary floating feedback Message
FormatDate
Display a date based on locale
FormatDuration
Human-readable duration between two dates
Grid
Create a responsive column layout
Icon
Display a Font Awesome SVG
Inline
Place, stretch and separate inline elements
Input
Editable single-line text input field
Label
Stand-alone input field label
Menu
Menu with vertical or horizontal layout
Message
Colored text box to highlight information
Modal
Pop-up box with full-screen backdrop
Nav
Main navigation menu top- and sidebars
Pagination
Buttons for paged tables or grids
ProgressBar
Display progress as percentage
Radio
Toggleable circle, for single-choice group
RadioCard
Radio button card
Section
Section card with a heading (optionally clickable)
Select
Input field with multiple options in a dropdown
Skeleton
Animated placeholders for loading content
SlideDown
Expand or collapse an element with a height transition
Spinner
Rotating icon indicating loading status
StepBar
Visualise steps in a wizard
Sticky
A floating box that stays put within a section while scrolling
SubmitButton
Submit a form
Switch
Toggleable switch button
SwitchCard
Toggleable switch card
| Navn | Tittel | Avdeling |
|---|---|---|
| Eric Morton | Developer | Developer Services |
| Herman Jensen | Developer | Developer Services |
| Linda Tran | Datteren til oppfinneren av Tran | Developer Services |
Table
Display data in rows and columns
Tabs
Bar of buttons to switch between content panels
Tag
Small clickable button
TextArea
Editable multi-line text input field
Tooltip
Display a positioned pop-up on hover
Hi, developer!
You can request new components, changes or give feedback on our design system. Contact us and start collaborating today!
