Semantic-UI Item Image Content
Semantic UI is a modern framework used in developing seamless designs for the website. It gives the user a lightweight experience with its components. It uses predefined CSS and jQuery to incorporate different frameworks.
Semantic UI Item presents a large collection of similar types of data on a website. The Item can contain an image, heading, description, buttons, date, etc. Item is the collection of items in Semantic UI.
Semantic UI Item Image Content enables us to use images in the items. Images can be placed inside the item container with the help of this class.
Semantic UI Item Image Content Classes:
- image: This class means that the content inside the container is an image so the necessary padding, alignment is provided.
Syntax: Add the image class to the item container as follows:
<div class="item"> <div class="ui image"> <img src="..." /> </div> </div>
Example: In the following example, we have a list of items containing images using the item and image class.
Please Login to comment...