Skip to content

Material Tabs and Geometry (SVG) icon

Compare
Choose a tag to compare
@roubachof roubachof released this 04 Oct 09:48
· 35 commits to main since this release

Contributor: @mkanyo (Miklos Kanyo)

Since version 2.2, a new type of tab has been introduced: the MaterialUnderlinedTabItem.
It's a full implementation of the material tabs specifications:

https://material.io/components/tabs

material tabs

IconOptions values:

  1. TopIcon
  2. IconOnly
  3. LeadingIcon
  4. TextOnly

You can also set precisely the gap between the icon and the text thanks to the IconTextSpacing.

Instead of using a classic Image you can also set a svg Geometry icon thanks to the GeometryIcon property.

If you chose to go down this road you can also set the following properties:

  • public bool Fill
  • public double StrokeThickness
  • public double IconTextSpacing