Components

Components are the core purpose of the Castorcito module.

This page provides a complete list of predefined Castorcito components. They are grouped into two categories, each contained in a submodule:

Base Pack – the most common components.
Advanced Pack – more sophisticated components that showcase Castorcito’s advanced capabilities.

You must install the corresponding submodule to access them.

Basepack components

This sub-module comes with ready-to-use components

Contain the most common components that you can use directly or as a foundation to create your own ones.

Accordion

The accordion component has an optional title, subtitle, and description located above the accordion items. Each accordion item has a label, which is the element with which the user interacts to expand or collapse the information. Below the label, you can choose to display information using an text or a card component.

Banner

The banner component has three types of media that can be used: image, video, or video with an image (one at a time).

Card

This component displays an image alongside text that can include a title, subtitle, description, and link. You can adjust the alignment of the image. For example, if the image is on the right, the text is on the left, and vice versa.

Carousel

The carousel component allows us to display cycling images. We can configure how many images are shown, enable or disable cycling, and adjust the delay between image changes.

Data number card

This component displays an image alongside text. The text can include a title, subtitle, and description. It can also contain one or more numbers. These numbers will start at 0 and increase until they reach the final amount. Additionally, you can adjust the image's alignment.

Gallery

The gallery component allows us to display multiple images. We can configure how the images are displayed: in a grid or with one large image and thumbnails.

Icons in columns

This component let us display small images arranged in a row. Each image can have a title and a link. We can choose how many images are shown in a row.

Image

The image component let us display an image, it also features a title and a subtitle (these last two are optional) that are shown below the image.

Placed block

The place block component allow us to use any block inside a component field, it has a title, subtitle and a description (WYSIWYG) that are shown above the block.

Quote

This component is used to add a phrase or testimony with author information, like the author's name, position, description, and a picture.

Slideshow

The slideshow contains items, or slides, and the number of slides can be configured. Each slide has a title, subtitle, description, link, and two image fields: one for desktops and one for responsive devices

Tabs

Each tab consists of a label, and there are two ways to present the information: using a card or a text component. We can choose where the tabs will be shown: top, left, or right.

Text

The component comes with basic functionality, like bold, link, lists, headings, etc. But we can choose which text format the component will use.

Video

The video has optional title and subtitle fields. It also has a required video field in which we can choose between a YouTube, Vimeo, or iframe video.

Advanced pack components

Come across stunning components to make your website shine.

Timeline

Each timeline element has a title, subtitle, description, and image field. The elements are assigned a dot on the timeline to mark their position.