captain-icon
Reactive icon

Captain Icon

Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded
 on 26 April 2024
 by 
5.0
 (1 rating)
captain-icon

Captain Icon

Documentation
1.0.2

A simple and relaxed Icon LIbrary from Mario Del Valle (https://mariodelvalle.github.io/CaptainIconWeb/)

Main features include:

  • 374 icons that can be scaled to any size without loosing a bit of quality
  • A great range of categories: design, sports, social, office, weather and many more


The component exposes 1 Block:

  • CaptainIcon


To display an Icon on a reactive web or mobile app page, simply drag and drop the CaptainIcon block to the desired location, and set the following input parameters:

  • CaptainIconName - double-click to choose from a list of 374 available icons (defaults to home)
  • CaptainIconSize - select the icon size to display, from the available options 1x, 2x, 3x, 4x, 5x, 6x, 7x, 8x, 9x, 10x (defaults to 1x)
  • CaptainIconRotate - rotation to apply to the icon, from the available options 90, 180, 270 degrees (defaults to NullIdentifier(), aka no rotation)
  • CatainIconFlip - flip mode for the displayed icon, from the available options Horizontal, Vertical, Both (defaults to Nullidentifier(), aka no flip)
  • ExtendedClass - aditional CSS classes to apply to the displayed icon


The Demo allows you to play with the options, and see them in action.


1.0.1

A simple and relaxed Icon LIbrary from Mario Del Valle (https://mariodelvalle.github.io/CaptainIconWeb/)

Main features include:

  • 374 icons that can be scaled to any size without loosing a bit of quality
  • A great range of categories: design, sports, social, office, weather and many more


The component exposes 1 Block:

  • CaptainIcon


Just drag and drop the Icon Block to your Page or Block, and set the input parameters accordingly.

From version 1.0.1, you are now able to rotate or flip an Icon.

The Demo allows you to play with the options, and see them in action.