Многим дизайнерам компоненты не по душе, потому что без должной практики собирать их долго и сложно. Но я всем сердцем люблю эту нудную возню с ними 👐🏻

Показываю на примере карточки товара из этого кейса, какие состояния у нее могут быть и что в ней можно менять благодаря тому, что она собрана как компонент:

• Название и описание товара • Метка скидки – в зависимости от того, есть эта метка или нет, появляется старая цена около актуальной • Актуальная и старая цена • Segmented control элемент – выбор количества дней аренды • Stepper – выбор количества инструментов • Иконка избранного – активная или неактивная • Иконка удаления – красная мусорная корзина появляется при добавлении в избранное/корзину

📍Благодаря компонентам можно досконально прорабатывать каждый элемент интерфейса и без труда менять их в зависимости от ситуации

Можете сами глянуть карточки товаров на разных экранах здесь. Они все разные, но видно, что сделаны по одному образу и подобию