Fluent Commerce Logo
Docs
Sign In

Style and Theme Your Component

Essential knowledge

Authors:

Cameron Johns, Cille Schliebitz, Anita Gu

Changed on:

3 Feb 2025

Overview

This lesson focuses on enhancing the visual representation of our map pins through styling. We'll explore how to add color to the map pins, improving their visual appeal and potentially conveying additional information. This styling process will demonstrate how to customize the look and feel of custom components.

Key points

  • Pin Styling: Learn how to style map pins, including adding color, to improve their visual presentation.
  • Visual Enhancement: Styling enhances the user experience by making the map more visually appealing and informative.
  • Custom Component Styling: This lesson provides a practical example of styling custom components, a key aspect of UI development.

Black pins are great and all...but we can do better.  Time to do some styling!

In this video, you will be shown how to add colours to the map pins.

Styling Custom Components

This video explains how to style and theme a custom component

Copyright © 2025 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo