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

• Host: GitHub
• URL: https://github.com/equinor/fusion-web-components
• Owner: equinor
• Created: 2021-03-24T08:45:57.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-10-07T11:08:06.000Z (5 months ago)
• Last Synced: 2024-10-31T10:36:38.550Z (4 months ago)
• Language: TypeScript
• Size: 24 MB
• Stars: 12
• Watchers: 8
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-lit - Fusion Web Components - Ser of web components used by Equinor Fusion. (Component Libraries)
• awesome-web-components - Fusion Web Components - Ser of web components used by Equinor Fusion. (Real World / Component Libraries)

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)