Reactive Graph - Design System
Logo
Stable
Color
Full
Circle
Outer
Inner
Inverse
Black
White
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Black and White
Search
documentation
Overview
Fundamentals
Fonts
Palette
Logo
Icons
Pattern
Gradients
Graph Representation
Type System
Instance System
Flow Node Representation
Flow Node
Connector
License
Changelog
components
Atoms
Avatar
Blockquote
Button
Code Block
Details
Diagram
First Graph
Graphiql
Graphql Playground
Graphql Voyager
Heading
Hr
Kbd
Lists
Ordered List
Unordered List
Nav Button
Progress
Slide
Story Button
Subtitle
Surface
Svg Logo
Table
Tag
Title
Token
Tooltip
Molecules
Alert
Article
Breadcrumb
Card
Code File
Emphasis Box
Horizontal Menu
Intro
List Box
Logo
Sticky Slides
Story Button Group
Vertical Menu
Zebra Box
Organisms
Footer
Story Matrix
Special
Files
Example Diff
Example Graphql
Example Java
Example Js
Example Json
Example Py
Example Rs
Example Toml
Example Ts
Example Yaml
Cheatsheet
Back
Avatar Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Blockquote Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Button Variants
Default
Icon Start
Icon End
Large
Disabled
Reset
Details Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
First Graph Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Graphql Playground Variants
Default
Tabs
Heading Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Hr Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Pattern 3
Pattern 4 Celestial Blue Mexican Pink Fill
Pattern 4 Malachite Selective Yellow Fill
Pattern 4 Selective Yellow Mexican Pink Fill
Kbd Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Ordered List Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Unordered List Variants
Default
Circle
Circle Arrow Right
Arrow Big Right
Grain
Circle Plus
Circle Minus
Circle Check
Circle Dashed
Circle Dotted
Nav Button Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Progress Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Slide Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Story Button Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Surface Variants
Default
Surface 1
Surface 2
Surface 3
Surface 4
Adaptive
Celestial Blue
Chartreuse
Malachite
Mexican Pink
Selective Yellow
Tag Variants
Default
Component Css
Component Web Components
Entity Type Css
Entity Type Web Components
Entity Instance Css
Entity Instance Web Components
Relation Type Css
Relation Type Web Components
Relation Instance Css
Relation Instance Web Components
Token Variants
Default
Component Css
Component Web Components
Entity Type Css
Entity Type Web Components
Entity Instance Css
Entity Instance Web Components
Relation Type Css
Relation Type Web Components
Relation Instance Css
Relation Instance Web Components
Alert Variants
Default
Error
Warning
Success
Info
Breadcrumb Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Card Variants
Default
Mexican Pink
Celestial Blue
Selective Yellow
Malachite
Chartreuse
Emphasis Box Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Horizontal Menu Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Intro Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
List Box Variants
Default
No Border
Circle Malachite
Circle Arrow Right Selective Yellow
Arrow Big Right Celestial Blue
Grain Mexican Pink
Circle Minus Chartreuse
Circle Plus Malachite
Circle Check Selective Yellow
Circle Dashed Celestial Blue
Circle Dotted Mexican Pink
Sticky Slides Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Fixed
Story Button Group Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Vertical Menu Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4
Zebra Box Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Story Matrix Variants
Default
Malachite
Selective Yellow
Celestial Blue
Mexican Pink
Chartreuse
Surface 1
Surface 2
Surface 3
Surface 4