@s-ui Packages

> Inputs are the text fields that users fill in with different types of information. These include dates, passwords or even short answers. It’s a field where users can write alphanumeric texts.

> Description

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

> Atom Element: SUI badge

AtomImage is a component that loads an image inside, maintaining all the accesibility attributes. This component can be set to show a placeholder image, a skeleton and/or a spinner while the final image is being loaded. This component will also show an Er

Atom Element: SUI button

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

AtomCheckbox is a component that displays an input checkbox w/ its expected behavior

> Atom Element: Icon

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

> The Label is the name of the associated field, that explains what is the about. It should be clear, concise and short.

> Validation text is used for indicating whether the entered data is correct. It is provided by using the "Help Text" plus one color each.

> Help Text is a feedback that the system gives users to make them clearly understand which information is required

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

> Atom Element: SUI Tag

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