legno-ui (v4.4.0)

# LegnoIconWrapper

# Examples

# Example 1 - Default

    # Example 2 - Size
    size="small" Default size="large" customSize="50px"
    18px 24px 32px 50px

      # Example 3 - Color

      Color can be applied by specifying a text color on the parent component.

        # Example 4 - Inner Fill

        The inner fill of the icons is transparent by default. This can be changed by setting the innerFill property or by overriding the CSS class legno-icon__inner-fill.

          # Example 5 - Flip
          Default flip="horizontal" flip="vertical" flip="both"

            # Example 6 - Rotate
            rotateDeg="0" rotateDeg="45" rotateDeg="90"

              # Example 7 - Spin

                # Example 8 - Click

                In order to enable click-events the property clickable needs to be set to true. This will render the icon inside a <button> element.

                  # Slots

                  ...

                  # Props

                  ...

                  ← LegnoLogoWrapper →