⟦Áll 56 çómpóñéñtš.~~~~~~~~~⟧

⟦Évérý çómpóñéñt íñ thé líbrárý, dráwñ íñ thé áppróvéd štýlé. Áñátómý fóllówš plátfórm páttérñš: lábélš ábóvé çóñtrólš, 36–38px çóñtról héíght, 3px fóçúš ríñgš, óñé blúé fór šéléçtíóñ áñd áçtíóñ.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

⟦Šéárçh çómpóñéñtš~~~~~~⟧

⟦Áll~~⟧

⟦Fíltér bý çátégórý~~~~~~~⟧

⟦Áll~~⟧56

⟦Láýóút~~~⟧5

⟦Dátá díšpláý~~~~~⟧7

⟦Çhártš~~~⟧2

⟦Búttóñš~~~⟧4

⟦Íñpútš~~~⟧13

⟦Óvérláýš~~~⟧7

⟦Méñúš~~⟧2

⟦Féédbáçk~~~⟧4

⟦Fórmš~~⟧6

Typography1

⟦56 óf 56 çómpóñéñtš šhówñ~~~~~~~~~~~~~⟧

ButtonT0⟦Áçtíóñ búttóñ wíth váríáñtš áñd šížéš, íñçlúdíñg íçóñ-óñlý.~~~~~~~~~~~~~~~~~~~~~⟧

⟦Ñámé~~⟧

InputT0⟦Šíñglé-líñé téxt fíéld búílt óñ thé ñátívé íñpút éléméñt.~~~~~~~~~~~~~~~~~~~~⟧

⟦Ñótéš~~⟧

TextareaT0⟦Múltí-líñé téxt fíéld thát grówš wíth ítš çóñtéñt.~~~~~~~~~~~~~~~~~~⟧

⟦Áççépt térmš~~~~~⟧

CheckboxT0⟦Çhéçkbóx búílt óñ thé ñátívé çhéçkbóx íñpút.~~~~~~~~~~~~~~~~⟧

⟦Fréé~~⟧

⟦Pró~~⟧

Radio groupT0⟦Gróúp óf ñátívé rádíó íñpútš wíth róvíñg kéýbóárd fóçúš.~~~~~~~~~~~~~~~~~~~~⟧

⟦Émáíl ñótífíçátíóñš~~~~~~~⟧⟦Réçéívé úpdátéš ábóút ýóúr wórkšpáçé.~~~~~~~~~~~~~⟧

SwitchT0⟦Çóñtról thát túrñš á šíñglé šéttíñg óñ ór óff.~~~~~~~~~~~~~~~~~⟧

⟦Bóld~~⟧

ToggleT0⟦Búttóñ thát šwítçhéš bétwééñ á préššéd áñd áñ úñpréššéd štáté.~~~~~~~~~~~~~~~~~~~~~~⟧

Toggle groupT0⟦Gróúp óf tóggléš wíth šíñglé ór múltíplé šéléçtíóñ áñd róvíñg fóçúš.~~~~~~~~~~~~~~~~~~~~~~~~⟧

⟦Vólúmé~~~⟧60%

SliderT0⟦Šlídér fór çhóóšíñg óñé válúé ór á ráñgé bétwééñ twó bóúñdš.~~~~~~~~~~~~~~~~~~~~~⟧

T0⟦Módál díálóg búílt óñ thé ñátívé díálóg éléméñt.~~~~~~~~~~~~~~~~~⟧

T0⟦Pópóvér šúrfáçé áñçhóréd tó ítš tríggér.~~~~~~~~~~~~~~⟧

⟦Kéýbóárd áñd hóvér hélp téxt.~~~~~~~~~~~⟧

T1⟦Tóóltíp thát áppéárš áftér á šhórt hóvér ór fóçúš déláý.~~~~~~~~~~~~~~~~~~~~⟧

⟦Wórkšpáçé~~~~⟧

⟦Ópéñ prójéçt~~~~~⟧⟦Ñéw wíñdów~~~~⟧⌘O

⟦Šhów tóólbár~~~~~⟧

⟦Çópý líñk~~~~⟧

T2⟦Áçtíóñ méñú wíth ríçh ítémš, çhóíçéš áñd šúbméñúš thát ópéñš béfóré hýdrátíóñ.~~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

⟦Óvérvíéw~~~⟧

⟦Móñthlý révéñúé~~~~~~⟧⟦Úpdátéd júšt ñów~~~~~~⟧

$12,480

⟦Áçtívítý~~~⟧

⟦Réçéñt áçtívítý~~~~~~⟧⟦12 ñéw évéñtš thíš wéék~~~~~~~~~~⟧

⟦Šéttíñgš~~~⟧

⟦Wórkšpáçé šéttíñgš~~~~~~~⟧⟦Máñágé mémbérš áñd préféréñçéš~~~~~~~~~~~⟧

TabsT0⟦Tábbéd páñélš wíth kéýbóárd ñávígátíóñ bétwééñ tábš.~~~~~~~~~~~~~~~~~~~⟧

⟦Šhíppíñg~~~⟧

⟦Šhípš íñ 2–3 dáýš.~~~~~~~⟧

⟦Rétúrñš~~~⟧

⟦30-dáý wíñdów.~~~~~⟧

AccordionT0⟦Štáçk óf çóllápšíblé šéçtíóñš búílt óñ ñátívé détáílš éléméñtš.~~~~~~~~~~~~~~~~~~~~~~~⟧

ToastT1⟦Qúéúé óf šhórt-lívéd ñótífíçátíóñš.~~~~~~~~~~~~~⟧

⟦Pláñ~~⟧

SelectT0⟦Wráppér áróúñd thé ñátívé šéléçt éléméñt.~~~~~~~~~~~~~~~⟧

ReactUI

React

TypeScript

⟦Áççéššíbílítý~~~~~⟧

ComboboxT2⟦Šíñglé- ór múltí-válúé ÁRÍÁ çómbóbóx wíth fíltéríñg.~~~~~~~~~~~~~~~~~~~⟧

SpinnerT0⟦Áñímátéd íñdíçátór fór á lóádíñg štáté.~~~~~~~~~~~~~~⟧

SkeletonT0⟦Pláçéhóldér šhápéš šhówñ whílé çóñtéñt lóádš.~~~~~~~~~~~~~~~~⟧

An amber sun above overlapping blue mountain ridges

Aspect RatioT0⟦Á médíá frámé thát préšérvéš ítš wídth-tó-héíght rátíó.~~~~~~~~~~~~~~~~~~~~⟧

Ready

BadgeT0⟦Šhórt lábél fór á štáté, çátégórý, ór çóúñt.~~~~~~~~~~~~~~~~⟧

Release notes

A short summary of the latest product changes.

Read the release notes

CardT0⟦Çóñtéñt çóñtáíñér fór héádíñgš, téxt, líñkš, áñd áçtíóñš.~~~~~~~~~~~~~~~~~~~~⟧

Migration progress

ProgressT0⟦Ñátívé prógréšš éléméñt fór détérmíñáté ór íñdétérmíñáté wórk.~~~~~~~~~~~~~~~~~~~~~~⟧

Ada Lovelace

AvatarT0⟦Ñáméd ímágé ór fállbáçk íñítíálš fór á péršóñ.~~~~~~~~~~~~~~~~~⟧

One check remains.

AlertT0⟦Štátíç méššágé çóñtáíñér fór péršíštéñt íñlíñé féédbáçk.~~~~~~~~~~~~~~~~~~~~⟧

Website

https://

Enter a domain. Add https:// when using the value.

Input GroupT0⟦Á lábéléd ñátívé íñpút wíth áñ óptíóñál préfíx, šúffíx, ór rélátéd áçtíóñ.~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

No projects yet

Create a project to organize your work.

EmptyT0⟦Á štátíç émptý çólléçtíóñ méššágé wíth á héádíñg, éxpláñátíóñ, áñd ñéxt štép.~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

ItemT0⟦Á líšt rów thát páírš léádíñg médíá áñd çóñtéñt wíth métádátá áñd áñ áçtíóñ.~~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

Start date

Date PickerT0⟦Á štýléd ñátívé dáté íñpút thát kéépš thé brówšér'š píçkér áñd válídátíóñ.~~~~~~~~~~~~~~~~~~~~~~~~~~⟧

Contact preferences⟦Émáíl~~⟧Text message

FieldsetT0⟦Á šémáñtíç gróúp óf rélátéd fórm çóñtrólš ñáméd bý á légéñd.~~~~~~~~~~~~~~~~~~~~~⟧

Form Error SummaryT0⟦Á šérvér-réñdéréd šúmmárý líñkíñg éáçh érrór tó ítš fíéld.~~~~~~~~~~~~~~~~~~~~~⟧

Description ListT0⟦Á šémáñtíç líšt óf térmš áñd théír déšçríptíóñš.~~~~~~~~~~~~~~~~~⟧

⟦Tógglé~~~⟧

⟦Páñél çóñtéñt~~~~~⟧

CollapsibleT0⟦Régíóñ thát thé úšér çáñ šhów ór hídé.~~~~~~~~~~~~~~⟧

T0⟦Tráíl óf líñkš fróm thé šíté róót tó thé çúrréñt págé.~~~~~~~~~~~~~~~~~~~⟧

PaginationT0⟦Líñkš ór búttóñš fór móvíñg bétwééñ págéš óf réšúltš.~~~~~~~~~~~~~~~~~~~⟧

⟦Ñámé~~⟧	⟦Rólé~~⟧
⟦Álíçé~~⟧	⟦Ádmíñ~~⟧
⟦Bób~~⟧	⟦Édítór~~~⟧

TableT0⟦Ñátívé táblé wíth áñ óptíóñál íñtéráçtívé ádáptér.~~~~~~~~~~~~~~~~~~⟧

BTC / USD

Time	Open	High	Low	Close
2026-01-05	101.8	110.4	99.2	108.7
2026-01-12	109.1	114.8	106.7	112.6
2026-01-19	112.4	119.2	110.3	117.5
2026-01-26	117.8	121.6	113.9	115.2
2026-02-02	115.6	118.7	108.4	110.1
2026-02-09	109.8	112.5	100.6	103.2
2026-02-16	103.6	106.4	94.5	97.8
2026-02-23	98.4	101.1	88.2	91.5
2026-03-02	91.1	96.4	84.9	87
2026-03-09	86.7	90.3	79.5	82.2
2026-03-16	82.8	86.9	74.8	78.4
2026-03-23	78.9	87.5	76.3	85.9
2026-03-30	85.4	94.2	82.6	91.8
2026-04-06	92.1	100.6	89.9	98.7
2026-04-13	98.3	106.9	95.4	103.5
2026-04-20	103.8	111.4	100.7	109.6

Candle chartT0⟦Štátíç ÓHLÇ çáñdléštíçk çhárt wíth á ÇŠŠ-óñlý réñdérér.~~~~~~~~~~~~~~~~~~~~⟧

⟦Áññúál révéñúé~~~~~⟧

Time	Value
Jan	42
Feb	48
Mar	45
Apr	58
May	62
Jun	59
Jul	71
Aug	78
Sep	74
Oct	86
Nov	91
Dec	98

Line chartT0⟦Réšpóñšívé líñé çhárt wíth á ÇŠŠ-óñlý réñdérér.~~~~~~~~~~~~~~~~~⟧

T0⟦Díálóg thát áškš thé úšér tó çóñfírm ór çáñçél áñ áçtíóñ.~~~~~~~~~~~~~~~~~~~~⟧

⟦Áddítíóñál détáílš áppéár héré.~~~~~~~~~~~⟧

T1⟦Çárd wíth prévíéw çóñtéñt thát ópéñš óñ hóvér.~~~~~~~~~~~~~~~~~⟧

T1⟦Gróúp óf çóñtrólš wíth óñé táb štóp áñd árrów-kéý ñávígátíóñ.~~~~~~~~~~~~~~~~~~~~~~⟧

DrawerT0⟦Páñél thát šlídéš íñ fróm áñ édgé óf thé šçrééñ.~~~~~~~~~~~~~~~~~⟧

Logo

Help New project

Team workspace

A shared view of what you are working on.

12Active projects

4Awaiting review

Workspace overview

Keep your team's projects and recent updates in one place.

Projects

Website refresh · In progress. Design library · Ready for review.

Recent activity

The team updated the roadmap and shared a new design proposal.

Create a project

Start with a name, invite your team, and plan your next milestone.

Workspace help

Find guides for organizing projects and collaborating with your team.

HeaderT0⟦Ñátívé šíté héádér wíth óptíóñál šçróll éñháñçéméñt.~~~~~~~~~~~~~~~~~~~⟧

⟦Íñtródúçtíóñ~~~~~⟧

A table of contents gives readers a map of a longer article. Open the contents or choose a bar to jump to a section. Scroll this article to follow your position in the rail.

⟦Éxámpléš~~~⟧

Keep navigation beside the content it describes. Each of the four bars and its matching link points to a real section in this preview, so you can explore without leaving the card.

⟦ÁPÍ~~⟧

Give each section a unique ID and use that same ID for its link and indicator. Scope scroll tracking to the article’s container when the content sits inside another page.

⟦Štýlíñg~~~⟧

Use CSS to adjust the rail, spacing and panel. The active bar follows the current section. Native heading links continue to work when JavaScript is unavailable.

Table of contentsT2⟦Çómpáçt héádíñg ñávígátíóñ wíth hóvér mágñífíçátíóñ áñd šçróllšpý.~~~~~~~~~~~~~~~~~~~~~~~~⟧

⟦Ríght-çlíçk áréá~~~~~~⟧

⟦Çópý~~⟧

⟦Pášté~~⟧

T2⟦Méñú thát ópéñš óñ á ríght-çlíçk.~~~~~~~~~~~~⟧