Funnel concepts

It’s important that Funnel concepts are displayed the same way throughout the application to ensure the application is predictable and digestible.

Fields

Field unit

Field units are blue for string fields, green for number fields. See Field unit for more details.

There is also a React FieldUnit component in @funnel-io/react-widgets; that should be considered deprecated and avoided if possible. It will be removed in a future release.

Field name

Fields are displayed as the brand icon or field category and the field name. If the field has a variant, that is also shown. For more details see Field label.

There is also a React FieldLabel component in @funnel-io/react-widgets; that should be considered deprecated and avoided if possible. It will be removed in a future release.

Data sources

Data source type

A Data Source type is displayed as the platform name with it’s brand icon.

Data source

A Data Source can be displayed as 2 or 3 lines, which is preferable there is space for it:

Or as one line, for when a more compact view is required:

Search Gunnel

Powered byAlgolia