Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/equinor/fusion-web-components

repository for Fusion web components
https://github.com/equinor/fusion-web-components

Last synced: 3 months ago
JSON representation

repository for Fusion web components

Awesome Lists containing this project

README

        

# Fusion Web-Components

> Mono-repo for web-components used in fusion

### [Storybook](https://equinor.github.io/fusion-web-components/)

## General
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/theme) | `@equinor/fusion-wc-theme` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-theme.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-theme)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/icon) | `@equinor/fusion-wc-icon` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-icon.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-icon)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/intersection) | `@equinor/fusion-wc-intersection` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-intersection.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-intersection)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/picture) | `@equinor/fusion-wc-picture` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-picture.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-picture)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/ripple) | `@equinor/fusion-wc-ripple` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-ripple.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-ripple)

## Layout
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/accordion) | `@equinor/fusion-wc-accordion` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/divider) | `@equinor/fusion-wc-divider` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-divider.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-divider)

## Inputs
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/button/src/button)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/button/src/link-button)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/button/src/icon-button)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/button/src/icon-button-toggle) | `@equinor/fusion-wc-button` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-button.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-button)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/checkbox) | `@equinor/fusion-wc-checkbox` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-checkbox.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-checkbox)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/formfield) | `@equinor/fusion-wc-formfield` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-formfield.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-formfield)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/markdown/src/markdown-editor) | `@equinor/fusion-wc-markdown` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-markdown.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-markdown)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/menu) | `@equinor/fusion-wc-menu` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-menu.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-menu)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/radio) | `@equinor/fusion-wc-radio` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-radio.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-radio)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/select) | `@equinor/fusion-wc-select` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/switch) | `@equinor/fusion-wc-switch` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-switch.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-switch)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/textarea) | `@equinor/fusion-wc-textarea` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-textarea.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-textarea)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/textinput) | `@equinor/fusion-wc-textinput` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-textinput.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-textinput)

## Navigation
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/menu) | `@equinor/fusion-wc-menu` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/pagination) | `@equinor/fusion-wc-pagination` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/stepper) | `@equinor/fusion-wc-stepper` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/tabs) | `@equinor/fusion-wc-tabs` | TBD

## Feedback
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/banner) | `@equinor/fusion-wc-banner` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/dialog) | `@equinor/fusion-wc-dialog` | TBD
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/progress) | `@equinor/fusion-wc-progress` | TBD

## Data Display
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/avatar) | `@equinor/fusion-wc-avatar` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-avatar.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-avatar)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/badge) | `@equinor/fusion-wc-badge` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-badge.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-badge)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/chip) | `@equinor/fusion-wc-chip` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-chip.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-chip)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/date/src/daterange)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/date/src/datetime) | `@equinor/fusion-wc-date` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-date.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-date)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/list) | `@equinor/fusion-wc-list` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-list.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-list)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/searchable-dropdown) | `@equinor/fusion-wc-searchable-dropdown` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-searchable-dropdown.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-searchable-dropdown)
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/skeleton) | `@equinor/fusion-wc-skeleton` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-skeleton.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-skeleton)

## People
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/person/src/person-avatar)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/person/src/person-card)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/person/src/person-list-item) | `@equinor/fusion-wc-person` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-person.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-person)

## Progress Indicator
| Component | Package | Status
| --------- | ------- | ------
| [``](https://github.com/equinor/fusion-web-components/tree/main/packages/progress-indicator/src/circular)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/progress-indicator/src/dots)
[``](https://github.com/equinor/fusion-web-components/tree/main/packages/progress-indicator/src/star) | `@equinor/fusion-wc-progress-indicator` | [![Published on npm](https://img.shields.io/npm/v/@equinor/fusion-wc-progress-indicator.svg)](https://www.npmjs.com/package/@equinor/fusion-wc-progress-indicator)