Skip to content

Developer Intergalactic

Main NavigationReleases Requests & Issues

About API preference

Appearance

Sidebar Navigation

Get started

For developers

For designers

Figma libraries

Foundation

Principles

Accessibility

Development requirements

Keyboard support

Design requirements

Design principles

Motion

Visual loudness scale

Writing code

Wrapping components

Style

Design tokens

Icon

Illustration

Typography

CSS Injection

Local CSS Injection

Global CSS Injection

Layout

Breakpoints

Grid and page layout

Flex-box and spacing system

Components & Patterns

Components

Components showcase

Accordion

AutoSuggest

Badge

BaseTrigger

Breadcrumbs

Button

Card

Carousel

Checkbox

ColorPicker

Counter

DatePicker

Divider

Dot

Drag and drop

Dropdown

DropdownMenu

Ellipsis

FeaturePopover

Feedback

FilterTrigger

Flags

FullscreenModal

InlineEdit

InlineInput

Input

InputMask

InputNumber & InputRange

InputPhone

InputTags

Link

Modal

Notice

NoticeBubble

NoticeGlobal

Pagination

Pills

ProductHead

ProgressBar

Radio

Select / Multiselect

ScrollArea

SidePanel

Skeleton

Slider

Spin

SpinContainer

Switch

TabLine

TabPanel

Tag

Textarea

TimePicker

Tooltip

Widget empty state

Wizard

Charts

Charts showcase

D3 chart

Color palette

Chart controls

Chart legend

Notes module

Area chart

Stacked area chart

Bar chart

Stacked bar chart

Horizontal bar chart

Stacked horizontal bar chart

Bubble chart

Cigarette chart

Donut / Pie chart

Histogram chart

Line chart

Mini chart

Radar chart

Radial Tree chart

Scatterplot chart

Venn chart

Alluvial chart

Choropleth map

Funnel chart

Heatmap

Kagi chart

Lollipop chart

Polar chart

Quadrant chart

Table

Table showcase

DataTable

Table (old)

Primary table

Secondary table

Table controls

Table states

Filters

Filter common rules

Advanced filters

Category

Click Potential, Competitive Density, CPC

Include/Exclude keywords

Keyword Difficulty, Positions, Volume

Filter Search

SERP Features

Tags

UX patterns

Content in modal window

Confirmation modal dialog

Empty page

Error message

Export

FeedbackYesNo

Form

Informer

Links order in ProductHead

Loading states

ProjectCreate

ProjectSelect

Success state

Summary

Validation

Web-performance

Product emails

Email templates & grid

Core email colors

Email button

Email badge and tag

Divider for emails

Email typography

Email table

Email notice

Email summary

Utils

NeighborLocation

Popper

Portal

i18n

Intergalactic news

Bug reporting

Terms

Privacy Policy

Terms of Use

Example

On this page

Table of Contents for current page

Basic example

@example basic

Edit this page on GitHub

Last updated:

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.