Skip to main content

Icon Strip

The icon strip component is used to display a strip of icons.

icon-strip.png

Usage​

<x-icon-strip class="mt-12 grayscale">
    <x-icon-strip.item>
        @svg('booking', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('ibm', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('logi', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('netflix', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('spotify', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('t-mobile', 'h-8')
    </x-icon-strip.item>
    <x-icon-strip.item>
        @svg('fortinet', 'h-8')
    </x-icon-strip.item>
</x-icon-strip>

You can pass in extra classes to the icon strip component to customize it's look and feel.

x-icon-strip.item is used to display an icon in the icon strip, and the @svg() helper directive is used to display an SVG icon.