Callout 2
Callouts can be used to highlight certain parts of the text that require special attention. They may contain error messages, warnings, tips, etc. https://italia.github.io/bootstrap-italia/docs/componenti/callout/
Campo | Etichetta | Tipo | Descrizione |
---|---|---|---|
title | Title (raw text) | text | Callout title. Raw text. |
content | Content (field) | text | Callout content. Wrap your content with <p> tag. |
callout_type | Type (raw text) | text | Callout type: "success", "warning", "danger", "important", "note", "default". Raw text. |
more_content | More content (field, only more variant) | text | Callout more content. Wrap your content with <p> tag. |
more_call_to_action_url | Call to action link (eg. /node/id, raw text). | text | Enter a url in raw text format. Only more variant. |
more_call_to_action_label | Call to action label (raw text). | text | Enter a string in raw text format. Only more variant. |
more_call_to_action_icon | Call to action icon (it-name, raw text). | text | Enter the icon name format in raw text. Only more variant. |
custom_icon | Custom icon (raw text) | text | Choose a custom icon. Icon name format in Raw text. Leave blank for automatic icon. |
Variante | Nome | Descrizione |
---|---|---|
Default | default | Basic callout. https://italia.github.io/bootstrap-italia/docs/componenti/callout/ |
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Variante | Nome | Descrizione |
---|---|---|
Highlight | highlight | Callout with border only on the left side. https://italia.github.io/bootstrap-italia/docs/componenti/callout/#callout-highlights |
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Variante | Nome | Descrizione |
---|---|---|
More | more | https://italia.github.io/bootstrap-italia/docs/componenti/callout/#callout-approfondimento |
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Aenean tortor enim, suscipit eget commodo at, imperdiet quis diam. Vestibulum non accumsan felis, at ultrices lorem. Pellentesque ac diam a ipsum cursus interdum id nec odio. Vestibulum nec congue mauris. Aliquam et dui purus. Mauris in imperdiet risus, sed blandit tellus. Donec posuere accumsan lacinia. Mauris dignissim, sem vel volutpat rhoncus, neque mi ullamcorper ante, vitae volutpat ipsum quam id purus. Duis tincidunt sodales nisl eget ultricies. Sed condimentum mi eu ex venenatis, quis bibendum dui ultrices. Quisque ex eros, pellentesque vitae enim sed, pharetra tempus dolor. Donec eu nibh ac lacus luctus pellentesque. Duis interdum scelerisque magna nec malesuada.
Maecenas at erat id sem interdum efficitur eu sed nunc. Mauris sit amet erat eget augue molestie malesuada ut sed ex. In sed dignissim elit. Donec efficitur, sem eget vestibulum auctor, sem erat interdum magna, eu commodo odio mauris semper dolor.
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.