🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

@cldcvr/flow-core

Package Overview
Dependencies
Maintainers
3
Versions
196
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cldcvr/flow-core

Core package of flow design system

2.7.3
latest
Source
npm
Version published
Weekly downloads
7
-22.22%
Maintainers
3
Weekly downloads
 
Created
Source

Flow-core

npm license types downloads build release CodeQL Security Rating Maintainability Rating Quality Gate Status Reliability Rating Duplicated Lines (%) Vulnerabilities Bugs

Flow-core is the base library required by any flow dependecies. It consists mostly of building blocks such design + system tokens, atoms, molecules, base themes, etc.

  • Website
  • Learn More

Table of contents

Getting started

Starter kits

For a new project, Flow has put together starter kits with basic dependencies to get you going. Each starter kit will contain Flow core, Flow system icons, Default google fonts and fully functional Flow templates (eg: top navigation, profile, left navigation, etc)

Kits

If you would like to contribute to an existing starter kit or write a new one for a different framework, write to flow@ollion.com or ping on our slack channel.

VScode Plugin: Install Flow's Plugin to access components, icons, values, etc, and documentation inside of VScode.

Browser Debugger: Chrome, Firefox, Safari

Note: For Typescript, make sure you are using version >4.5

Existing project

1️⃣ Install flow core

npm i --save @cldcvr/flow-core

Note: after installation re-start your application.


2️⃣ Import flow-core into your project

Copy and import the below snippet into your startup file. In VueJS: (src/main.ts or main.js), Angular: (src/main.ts), React: (src/index.tsx or index.jsx)

import "@cldcvr/flow-core";

3️⃣ If your project uses Typescript (>4.5) please include import types

Vue: Copy paste below line in your main.ts file.

import "@cldcvr/flow-core/dist/types/vue2";

or

import "@cldcvr/flow-core/dist/types/vue3";

React Include react type in tsconfig.json like below

"include": ["src", "./node_modules/@cldcvr/flow-core/dist/types/react.ts"]

Note: after adding the snippets, re-start your application.

Flow icons

Icons are not packaged with Flow core to allow more flexibility and customization. We recommend that you install the system icon pack to get started.

1️⃣ Install the icon pack

npm i --save @cldcvr/flow-system-icon

2️⃣ Import the icon pack

import "@cldcvr/flow-core";
import "@cldcvr/flow-system-icon";

VScode Plugin and debuggers

Install Flow's Plugin to access components, icons, values, etc, and documentation inside of VScode.

Browser Debugger: Chrome, Firefox, Safari

Components

Visit the Flow components Storybook

Templates

Visit the Flow templates Storybook

Dependencies

  • Tables (In development)
  • Logs (coming soon)
  • Force graph (coming soon)
  • Themes (coming soon)
  • Time-series (coming soon)

Resources

Get in touch

If you would like to get in touch or contribute, please write to flow@cldcvr.com.

Keywords

web-components

FAQs

Package last updated on 20 Dec 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts