Skip to sidebar
Skip to canvas
Search for components
⌃ K
Docs overview
Intro
Theme
Icon
Buttons
Button
ConfirmButton
IconButton
Basic
Skip to canvas
Docs
Examples Background
Examples Sizes
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
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
IconButton
Buttons
Controls
6
Actions
Addons
Accessibility
Code
Name
Control
name
*
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
size
Choose option...
xs
sm
md
lg
xl
xxl
xxxl
iconType
solid
default
mono
tooltip
*
sample tooltip message
tooltipPlacement
Choose option...
auto
bottom
top
right
left
bottom-start
bottom-end
top-start
top-end
right-start
right-end
left-start
left-end
auto-start
auto-end
variant
primary
secondary
destructive