Reactive Graph - Design System

Flow Node

Alpha

Search

documentation

Overview
- Fonts
- Palette
- Logo
- Icons
- Pattern
- Gradients
- Type System
- Instance System
- Flow Node
- Connector
License
Changelog

components

- Avatar
- Blockquote
- Button
- Code Block
- Details
- Diagram
- First Graph
- Graphiql
- Graphql Playground
- Graphql Voyager
- Heading
- Hr
- Kbd
- - Ordered List
  - Unordered List
- Nav Button
- Progress
- Slide
- Story Button
- Subtitle
- Surface
- Svg Logo
- Table
- Tag
- Title
- Token
- Tooltip
- Alert
- Article
- Breadcrumb
- Card
- Code File
- Emphasis Box
- Horizontal Menu
- Intro
- List Box
- Logo
- Sticky Slides
- Story Button Group
- Vertical Menu
- Zebra Box
- Footer
- Story Matrix
Cheatsheet

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

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