Molecule Packages

Prism.js import and syntax highlighting

> Description

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

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

> 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.

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

Manipulate molecules

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

`MoleculeDropdownList` is a composition of DropdownOptions

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

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

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

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

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

`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

`MoleculePagination` is a component that displays a range of pages with the current page highlighted and the proper buttons to navigate across the available pages in the entire range of total pages

SUI Breadcrumb Basic

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

`MoleculePhotoUploader` is a component that lets you drag and drop images on it, or click it to add images. Also, on mobile, let you add photos directly taken with the camera.