Design-system Packages

welcome-ui: Text input

Build Accessible and Responsive Vue.js websites and applications with speed ⚡️

`<sp-radio>` and [`<sp-radio-group>`](../radio-group) allow users to select a single option from a list of mutually exclusive options. All possible options are exposed up front for users to compare.

An `<sp-link>` allow users to navigate to a different location. They can be presented in-line inside a paragraph or as a standalone text.

Customizable design system with react • styled-components • styled-system and ariakit.

welcome-ui: A DropdownMenu component

An `<sp-switch>` is used to turn an option on or off. Switches allow users to select the state of a single option at a time. Use a switch rather than a checkbox when activating (or deactivating) an option, instead of selecting.

Composable, Simple React Base Components

welcome-ui: A tooltip component

`<sp-checkbox>` allow users to select multiple items from a list of independent options, or to mark an individual option as selected.

Customizable design system with react • styled-components • styled-system and ariakit.

ECL Base

Customizable design system with react • styled-components • styled-system and ariakit.

The Spectrum CSS checkbox component

welcome-ui: Welcome theme

The Spectrum CSS buttongroup component

Modal from Ariakit with a really nice theme 👀

The Spectrum CSS fieldlabel component

The Spectrum CSS dialog component

`<sp-toast>` elements display brief, temporary notifications. They are noticeable but do not disrupt the user experience and do not require an action to be taken.