@s-ui/sui-molecule-notification(latest: 1.2.0) > 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.
@s-ui/amp-runner(latest: 1.9.0) Using aws lambdas function we can provide an AMP versión of any page
@s-ui/react-form-input(latest: 1.6.0) > 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.
@s-ui/react-layout-media-query(latest: 1.5.0) `LayoutMediaQuery` is a wrapper that will pass through a _function as a child_ an object with the breakpoints matched according to the width of the parent container
@s-ui/analytics(latest: 1.3.0) Abstraction layer on top of Segment library.
@s-ui/precommit(latest: 2.7.0) Effortless SUI precommit rules integration in your project
@s-ui/react-ad-blocker-extension-detector(latest: 1.4.0) > This component has only the logic of show content (i.e banner or message) through children when user has adblock. If you are using adblock just right now you should see a placeholder sentence like: <<"If you see this message you are using adblock extens
@s-ui/codemod(latest: 1.3.0) This repository contains useful [`jscodeshift`](jscodeshift) tranformation scripts.
@s-ui/cz(latest: 1.10.0) Commitizen adapter for sui packages
@s-ui/perf(latest: 1.9.0) Utilities to measure and monitor perf of your isomorphic apps.
@s-ui/react-perf-dynamic-rendering(latest: 1.13.0) This component improves performance using [dynamic rendering technique](https://developers.google.com/search/docs/guides/dynamic-rendering) at Component level.
@s-ui/react-card-composable(latest: 1.7.0) The CardComposable component features a placeholder to portray a custom primary and a secondary content. So you can set an image, slider or any media component in one and some other content in the other.
@s-ui/react-collapsible-composed(latest: 1.5.0) Component to display a section with a title and some nodes, and keep some other nodes hidden until the icon is clicked. Then, clicking again will re-hide the items.
@s-ui/react-form-checkbox(latest: 1.10.0) _**Important:**_ _The `@s-ui/react-form-checkbox` component **is not yet fully compliant with UX Design**, as it is still in WIP by UX team._ _**Please take into account the specifications defined [here](https://paper.dropbox.com/doc/SUI-Form-Elements-WIP
@s-ui/react-form-range-datepicker(latest: 1.26.0) # @s-ui/react-form-range-datepicker > A React component that show a date range. You can select a start date and end date. When press the button, you get the date range between the dates. > > This component use npm component: [react-datepicker](https://ww
@s-ui/react-form-select(latest: 1.8.0) > Wrapper around a select html element that gives a consistent look'n'feel across devices yet keeping the native functionality on being used.
@s-ui/react-form-text-input(latest: 1.12.0) _**Important:**_ _The `@s-ui/react-form-text-input` component **is not yet fully compliant with UX Design**, as it is still in WIP by UX team._ _**Please take into account the specifications defined [here](https://paper.dropbox.com/doc/SUI-Form-Elements-W
@s-ui/react-form-textarea(latest: 1.10.0) _**Important:**_ _The `@s-ui/react-form-textarea` component **is not yet fully compliant with UX Design**, as it is still in WIP by UX team._ _**Please take into account the specifications defined [here](https://paper.dropbox.com/doc/SUI-Form-Elements-WIP
@s-ui/react-section-basic(latest: 2.7.0) > Just a basic section container wrapped in a `<section>` HTML tag, with customisable margin-bottom between its inner elements and the possibility to add an <hr> separator.
@s-ui/react-tracking-view(latest: 1.10.0) Tracking view is a component which purpose is to load our desired tracking library if wasn't loaded before and call the method of our tracking library that have the responsibility of do a pageView. For example: `utag.view`
@s-ui/react-card-profile(latest: 1.8.0) CardProfile serves a card with user information like avatar, name, rating bar and stats information.
@s-ui/react-molecule-accordion(latest: 1.5.0) > 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.
@s-ui/react-link-basic(latest: 1.8.0) > Component to show a link. The advantatge of this component is that, depending on the props, you could get a link disabled, a link to another website or a link to the SPA so your code is
@s-ui/react-section-info(latest: 1.14.0) A responsive `section` container to display custom information based on Title and Content structure.
@s-ui/react-head(latest: 1.4.0) > Populate the head element of your React app without hassle.
@s-ui/react-services-markdown(latest: 1.10.0) Allows you to fetch an external markdown file and show it parsed in your React application. Keep in mind this functionality doesn't offer server-side rendering, so your Markdown content will be loaded only in the client.
@s-ui/react-map-basic(latest: 1.37.0) > Description A map component inspired and rebuilded form Fotocasa map component. Includes, polygons, poi's, markers and different layer views.
@s-ui/react-atom-back-to-top(latest: 1.7.0) AtomBackToTop is a component that handles the scroll of a container and that it will be displayed only when needed
@s-ui/react-atom-card(latest: 1.14.0) AtomCard is a component that structures two main containers (media & info for example), with the purpose of giving information about a product/client/article and linking to more detailed information about it.
@s-ui/react-atom-image(latest: 2.3.0) 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
@s-ui/react-atom-input(latest: 4.20.0) > 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.
@s-ui/react-atom-label(latest: 1.14.0) > The Label is the name of the associated field, that explains what is the about. It should be clear, concise and short.
@s-ui/react-molecule-thumbnail(latest: 2.4.0) > Thumbnails are images that appear on cards, highlights or detail pages. They can be shown in different sizes and appearances. There are basically two variants: logos for company logos and avatars for person images.
@s-ui/react-molecule-notification(latest: 1.20.0) > 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.
@s-ui/react-molecule-select(latest: 1.35.0) `MoleculeSelect` is a customized `select` created from a combination of `AtomInput`, `MoleculeInputTags`, `MoleculeDropdownList` and `MoleculeDropdownOption`
@s-ui/svg(latest: 2.4.0) Converts svg files into React Components
@s-ui/react-atom-help-text(latest: 1.4.0) > Help Text is a feedback that the system gives users to make them clearly understand which information is required
@s-ui/react-atom-validation-text(latest: 1.5.0) > Validation text is used for indicating whether the entered data is correct. It is provided by using the "Help Text" plus one color each.
@s-ui/react-atom-panel(latest: 1.8.0) > Just a background for your component, can be a color or an image with background/overlay
@s-ui/react-molecule-photo-uploader(latest: 1.15.0) `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.
@s-ui/i18n(latest: 1.23.0) > Isomorphic i18n service for browser and node.
@s-ui/pde(latest: 1.0.0-beta.0) > A tool to create feature toggles and progressive rollouts
@s-ui/react-atom-tooltip(latest: 1.20.0) AtomTooltip is a component that wraps an element and shows a tooltip over it. It has some properties like: - it will show the `title` attribute of the wrapped element by default - can also display html as content of the tooltip - being displayed on the sc
@s-ui/theme(latest: 8.83.0) Generic theme to add styles to all SUI components
@s-ui/react-molecule-tabs(latest: 2.14.0) > Basic component for tabs allowing versions with or without icons and classic or highlighted variants
@s-ui/test(latest: 3.2.0) > Zero config testing tool
@s-ui/react-molecule-pagination(latest: 2.9.0) `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
@s-ui/studio(latest: 8.14.0) Develop, maintain and publish your SUI components.