📖 Detailed overview

Этот компонент состоит из изображения, заголовка, описания и кнопки. Компонент можно использовать, например, для презентации какого-либо товара.

🎬 Live Demo

Live demo link

⚙️ Usage

Добавьте компонент на страницу и посмотрите как он работает в режиме превью.

Заменить изображение

Чтобы заменить изображение, кликните на нее с зажатой клавишей cmd(ctrl). Затем, задайте новое значение для свойства src.

Скорость смены слайдов

Чтобы изменить ориентацию карточки, поменяйте значение свойства View.

🧩 Components and Props

| Props Name | Type | Description | Default | Example | | ------------ | :----: | :-------------------------------------------------: | :--------: | :----------: | | View | enum | Ориентация карточки [vertical, horizontal] | vertical | horizontal | | Show title | bool | Показать заголовок | true | false | | Show text | bool | Показать описание | true | false | | Show button | bool | Показать кнопку | true | false | | Show image | bool | Показать изображение | true | false | | Image type | enum | Тип изображения [image, icon] | image | icon | | Aspect ratio | enum | Формат изображения [none, square, circle, 4:3, 3:4] | square | circle |

🗓 Changelog

• 16/03/2021 (v1.0)
  • Первая версия

📮 Feedback

If you encountered a bug, please contact us so we can fix it promptly. We’re rapidly developing, so don’t hesitate to send us your feedback and request new features you can’t stand missing. Feel free to share what you’re working on - we love to see what you’re building with Quarkly!

Help with components We're on Discord Our Twitter [email protected]

📝 License

Licensed under the MIT License.