Skip to sidebar
Skip to canvas
Search for components
⌃ K
Docs overview
Intro
Theme
Icon
Buttons
Button
ConfirmButton
IconButton
Pagination
ToolbarButton
Data Display
Badge
FeatureBadge
PluginSignatureBadge
Forms
AutoSaveField
Cascader
Checkbox
Combobox
Field
FieldArray
FieldSet
FieldValidationMessage
FileDropzone
FileListItem
FileUpload
Form
InlineField
InlineFieldRow
InlineLabel
Input
Label
Legend
MultiCombobox
RadioButtonGroup
RadioButtonList
SecretInput
SecretTextArea
Select
Slider
Switch
Tags
TagsInput
TextArea
Layout
ClickOutsideWrapper
CollapsableSection
Collapse
Groups
InfoBox
PageToolbar
Tabs
Overlays
Alert
ConfirmModal
Drawer
Dropdown
Modal
Basic
Skip to canvas
Docs
Using Content Class Name
With Tabs
Toggletip
Tooltip
Visualizations
BarGauge
BigValue
EmptySearchResult
FormattedValueDisplay
PanelChrome
Spinner
Table
VizLayout
VizLegend
VizTooltip
General
Card
ContextMenu
Divider
EmptyState
ErrorBoundary
FilterPill
Layout
LoadingBar
LoadingPlaceholder
Menu
PanelContainer
RenderUserContentAsHTML
Text
TextLink
UsersIndicator
Data Source
DataSourceHttpSettings
QueryField
Segment
Experimental
InteractiveTable
Pickers and Editors
ColorPicker
RefreshPicker
StatsPicker
TimePickers
UnitPicker
ValuePicker
Recently opened
Modal
Overlays
Docs
Forms
TextArea
Docs
Overlays
Modal
Docs
Forms
Switch
Controls
8
Actions
Addons
Accessibility
Code
Name
Control
body
Id incididunt do pariatur qui labore. Sint culpa irure cillum et ullamco proident. Deserunt ipsum velit dolore est enim proident dolore consectetur. Et cillum tempor pariatur et. Est tempor cillum ad id nulla. Cillum ut proidentmagna do cillum consequat reprehenderit excepteur. Pariatur culpa id excepteur reprehenderit consequat qui qui sitconsectetur esse enim mollit incididunt. Ea excepteur nisi mollit reprehenderit eiusmod tempor. Eiusmod incididuntoccaecat velit consectetur dolor cillum anim commodo fugiat cupidatat ut tempor officia. Aliquip fugiat occaecatexcepteur consectetur ullamco consectetur exercitation occaecat sint sint incididunt cillum minim. Sint aliquip eapariatur anim. Veniam laboris mollit in voluptate exercitation sint deserunt dolor ullamco ex dolor. Enimreprehenderit ut Lorem aliquip est laborum in. Aliqua in ut aute elit nulla amet. Ex proident pariatur ex inaliquip. Labore eu Lorem sint aliqua reprehenderit ipsum veniam aliquip laborum dolor deserunt cupidatat velitamet.
title
*
My Modal
icon
Choose option...
play
google
microsoft
github
gitlab
okta
discord
hipchat
amazon
google-hangouts-alt
pagerduty
line
anchor
adjust-circle
angle-double-down
angle-double-right
angle-double-left
angle-double-up
angle-down
angle-left
angle-right
angle-up
align-left
align-right
api-endpoint
application-observability
apps
archive-alt
arrow
arrow-down
arrow-from-right
arrow-left
arrow-random
arrow-right
arrow-to-right
arrow-up
arrows-h
arrows-v
asserts
expand-arrows
expand-arrows-alt
at
ai
backward
bars
bell
bell-slash
bolt
book
bookmark
book-open
brackets-curly
browser-alt
bug
building
calculator-alt
calendar-alt
calendar-slash
camera
capture
channel-add
chart-line
check
check-circle
check-square
circle
circle-mono
clipboard-alt
clock-nine
cloud
cloud-download
cloud-upload
code-branch
cog
columns
comment-alt
comment-alt-message
comment-alt-share
comments-alt
compass
compress-arrows
copy
corner-down-right-alt
create-dashboard
credit-card
crosshair
cube
dashboard
database
dice-three
docker
document-info
document-layout-left
download-alt
draggabledots
drilldown
edit
ellipsis-v
enter
envelope
exchange-alt
exclamation-triangle
exclamation-circle
exclamation
external-link-alt
eye
eye-slash
ellipsis-h
fa fa-spinner
favorite
file-alt
file-blank
file-copy-alt
file-download
file-edit-alt
file-landscape-alt
filter
flip
folder
font
fire
folder-open
folder-plus
folder-upload
forward
frontend-observability
gf-bar-alignment-after
gf-bar-alignment-before
gf-bar-alignment-center
gf-glue
gf-grid
gf-interpolation-linear
gf-interpolation-smooth
gf-interpolation-step-after
gf-interpolation-step-before
gf-landscape
gf-layout-simple
gf-logs
gf-ml
gf-movepane-left
gf-movepane-right
gf-portrait
gf-service-account
gf-show-context
gf-pin
gf-prometheus
gf-traces
globe
grafana
graph-bar
heart
heart-rate
heart-break
history
history-alt
home
home-alt
horizontal-align-center
horizontal-align-left
horizontal-align-right
hourglass
import
info
info-circle
k6
k6-rounded
key-skeleton-alt
keyboard
kubernetes
layer-group
layers-alt
legend-hide
legend-show
library-panel
line-alt
link
link-broken
list-ui-alt
list-ul
list-ol
lock
map-marker
map-marker-plus
map-marker-minus
message
minus
minus-circle
mobile-android
monitor
multi-step
palette
panel-add
paragraph
pathfinder-unite
pause
pause-circle
pen
percentage
plug
plus
plus-circle
plus-square
power
presentation-play
process
question-circle
record-audio
repeat
rocket
ruler-combined
save
search
search-minus
search-plus
share-alt
shield
shield-exclamation
signal
signin
signout
sitemap
slack
sliders-v-alt
spinner
sort-amount-down
sort-amount-up
square-shape
star
step-backward
stopwatch
stopwatch-slash
sync
sync-slash
table
table-collapse-all
table-expand-all
tag-alt
telegram-alt
text-fields
thumbs-up
times
times-circle
toggle-on
toggle-off
trash-alt
unarchive
unlock
upload
user
users-alt
user-arrows
vertical-align-bottom
vertical-align-center
vertical-align-top
web-section-alt
wrap-text
wrench
rss
x
add-user
attach
isOpen
False
True
closeOnEscape
False
True
iconTooltip
icon tooltip
closeOnBackdropClick
Set boolean
trapFocus
Set boolean