Cards/Accordion

a card element is a ui component that is used to display information in a compact and organized manner it typically consists of a container that holds a variety of elements, such as an image, heading, body text, and action buttons an accordion element is a ui component that allows you to show or hide content on a page it typically consists of multiple sections that can be expanded or compressed by clicking on a header or control element the purpose of an accordion is to present information in a compact and organized manner while conserving space on the page cards field details card title this field is used to define the title of the card/accordion make as accordion toggle this toggle enables or disables the accordion option add background the card's background can also be chosen by clicking on the radio button there are three options for choosing the background none, color, and image none no background will be applied if this option is selected color any color can be applied according to requirement by simply entering the hex code of the color or choosing the color from the carousel using this option image any image can be applied as the card's background by uploading the image of choice (the image should be in svg format) select elements we can choose the required elements to be added to the card toggle buttons add prefix icon this toggle is used to add the desired prefix icon for the card add suffix icon this toggle is used to add the desired suffix icon for the card the icon can be added by entering the name of the icon in the text box that appears on turning the toggle(s) on the name of the icon can be found by clicking on 'click here to find the icon name' accordion field details card title this field is used to define the title of the card/accordion make as accordion toggle this toggle is used to enable or disable the accordion option default state of accordion open this is used to select the opened state of the accordion element close this is used to select the closed state of the accordion element select elements we can choose the required elements to be added to the accordion toggle buttons accordion prefix icon this toggle is used to add the desired prefix icon for the accordion add open suffix icon this toggle is used to add the desired suffix icon for the accordion in the open state add close suffix icon this toggle is used to add the desired suffix icon for the accordion in the closed state the icon can be added by entering the name of the icon in the text box that appears on turning the toggle(s) on the name of the icon can be found by clicking on 'click here to find the icon name' getting help please feel free to contact us if you have any questions, require clarification, or have ideas for how to make the documents or any of our services better you can reach out to us at