@benova-fashion/web-components

components for web app

Usage no npm install needed!

<script type="module">
  import benovaFashionWebComponents from 'https://cdn.skypack.dev/@benova-fashion/web-components';
</script>

README

Web components lib for Benova

Usage:

  • npm i @benova-fashion/web-components or
  • yarn add @benova-fashion/web-components
import { CollapsedView } from '@benova-fashion/web-components';

const collapseTitle = useCallback(() => {

    if (isReview) {
      return salon.name;
    }

    if (title) {
      return title;
    }
    switch (true) {
    case Boolean(media?.thumbLink && !clearText?.length):
      return 'Видео';
    case Boolean(photos.length && !clearText?.length):
      return 'Фото';
    case Boolean(vote && !clearText?.length):
      return 'Голосование';
    default:
      return null;
    }
  }, [ title, photos, vote, media ]);

const extendedProps = {
    data,
    noMedia,
    isAuthor,
    isReview,
    onVote,
    openModal,
    toggleExpand,
    onShareOpen,
    onShareClose,
    setInitialSlide,
    setEditVisible,
    onSalonClick,
    onCloseVote,
    ...props, // Review object
  };
...
<CollapsedView {...extendedProps} title={collapseTitle()} />