Info


Hold important information and content with the Info Design Element. Present highlighted text that stands out for your users to view as soon as your page loads.


Hold important information and content with the Info Design Element. Present highlighted text that stands out for your users to view as soon as your page loads.


Info


Hold important information and content with the Info Design Element. Present highlighted text that stands out for your users to view as soon as your page loads.


Hold important information and content with the Info Design Element. Present highlighted text that stands out for your users to view as soon as your page loads.







Info Options Demos


Different Colors


Primary Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Success Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Danger Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Warning Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Closable Info


Primary Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Different Icons


Primary Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Success Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Danger Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Warning Color.Sed consectetur nibh eget tellus feugiat, id ultrices turpis pretium. In euismod euismod porta. Etiam faucibus sapien eros, a iaculis turpis rhoncus nec. Ut viverra urna ut libero condimentum hendrerit. In vel magna ultricies, sollicitudin est ultrices, accumsan est. Curabitur porta diam et risus tempor blandit. Phasellus eget erat ac ligula tempus ullamcorper. Cras lacinia mi eget elit placerat, ac pharetra est dapibus.

Options Description

Color – pre-defined colors of the info box. All ShortPoint Colors are supported
Close – If typed, info will be closable
Icon – display icon inside the info box. All ShortPoint Icons are supported