Spectre Cards offers us to design cards. A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colours, and powerful display options....
The Spectre Modal component is a dialog box/popup window that is displayed on top of the current page, once the trigger button is clicked. However, clicking on the modal’s backdrop automatically closes the modal....
Spectre Forms Input groups are used to categorize the form field for example personal details, billing details. If the user wants to attach text and button along with input, add the input-group class to the input container. Add the input-group-addon class to the text element and input-group-btn to the button element....
In this article, we will know Spectre Button Group, its various available classes & will understand it through the examples. The Button is an important feature of any website or in any app. Sometimes you will need to categorize the buttons. The Spectre Button group class is used to set the category of the button....
Spectre Toasts are used to display notifications to the user. Toasts are used to display notifications on any user interaction. It can be used to alert the user if any task has passed or failed. To create a toast you need to add a container element with the toast class. You can add any text within the container, and even icons....
Spectre Forms Form sizes is used to define the size of the form depending on the page you have to change the size of the form sometime. For smaller or larger input and select controls, you could add the input-sm/input-lg, select-sm/select-lg and label-sm/label-lg classes to the form’s elements....
Before using any CSS framework, developers should be aware of the compatibility of that framework with different browsers like Chrome, Firefox, Safari, etc. The Spectre is supported by all the majorly used browsers which are mentioned below....
Spectre Labels are formatted text tags for highlighting informative text. These labels are normally rectangle-shaped. However, we can change the shape of the labels to rounded ones with the help of Spectre Labels Rounded labels....
Spectre Tooltips are quite useful for showing the description of different elements in the webpage. Tooltip can be invoked on any element in a webpage. It provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS....
Spectre Forms Input types class is used to define the input types of the input field of a form. It can be implemented by pure HTML....
The Spectre Forms provide the most common control component used in a regular form. In this article, we will discuss the form textarea. The form textarea is an important component that is required to get the feedback(major cases) from the user as usual....
Spectre Calendars are designed for a date or date range picker and to display events. It is made with a flex layout, it is useful to create an attractive calendar. The calendar can be created in different sizes like it can be default or large as per your requirement....