Results for use-molecule

`MoleculeCheckboxField` is the combination of and `AtomCheckbox` and a `checkboxField`

A tiny, fast, dependency-free 1.18kb library for creating jotai atoms in a way that lets you lift state up, or push state down.

`MoleculeDropdownOption` is a component that wraps a composition of checkbox + text.

`MoleculeDropdownList` is a composition of DropdownOptions

The Avatar component is the representation of a user.

`MoleculeCoachmark` is a wrapper of the [react-joyride](https://react-joyride.com/) library in order to create smooth guided tours in the apps to explain new features to the users.

> Custom input component to handle phone validation. Gives the user a prefix selector and a phone number input. It also handles the phone number validation and the prefix selection.

> The accordion is the component that contains collapsible components that allows the user to expand or collapse the content. We use this component to reduce the content of a page or section.

`MoleculeSelect` is a customized `select` created from a combination of `AtomInput`, `MoleculeInputTags`, `MoleculeDropdownList` and `MoleculeDropdownOption`

Minimalistic and smooth touch carousel component for React ⚛️

`MoleculeInputTags` is an `AtomInput` with the behavior of adding/removing `AtomTag` as a list

Make your own molecule binding in JavaScript(TypeScript)

`MoleculeAutosuggest` is an input that will display a list of suggestions while values are entered It allows Single and Multiple Selection

> Description

> Notifications offer users information on the system. The content may confirm that an action has been performed correctly, warn the user of an error or simply give information on certain circumstances.

`MoleculeField` is a component that wraps a composition of Label + some input (input, textarea, ...) + Validation Messages.

> Description

`MoleculeSelectField` is a component that wraps a composition of Label + some input (input, textarea, ...) + Validation Messages for a [`MoleculeSelect`](https://sui-components.now.sh/workbench/molecule/select/demo) component

> Basic component for tabs allowing versions with or without icons and classic or highlighted variants

`MoleculeBadgeCounter` is a component used for warning the user about new content or updates

`MoleculeTextareaField` is a component that wraps a composition of Label + Textarea + Validation Messages.

A component that shows a popover to select data.

SUI Breadcrumb Basic

`MoleculeButtonGroup` is a component that wraps a group of buttons, related in content.