import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 import FluentUI 1.0 FluContentPage { title: "Typography" property int textSize: FluTheme.textSize leftPadding:10 rightPadding:10 bottomPadding:20 Component.onCompleted: { slider.seek(0) } ScrollView{ clip: true width: parent.width contentWidth: parent.width ColumnLayout{ spacing: 0 FluText{ text:"Display" Layout.topMargin: 20 padding: 0 pixelSize: textSize fontStyle: FluText.Display } FluText{ text:"Title Large" padding: 0 pixelSize: textSize fontStyle: FluText.TitleLarge } FluText{ text:"Title" padding: 0 pixelSize: textSize fontStyle: FluText.Title } FluText{ text:"Subtitle" padding: 0 pixelSize: textSize fontStyle: FluText.SubTitle } FluText{ text:"Body Strong" padding: 0 pixelSize: textSize fontStyle: FluText.BodyStrong } FluText{ text:"Body" padding: 0 pixelSize: textSize fontStyle: FluText.Body } FluText{ text:"Caption" padding: 0 pixelSize: textSize fontStyle: FluText.Caption } } } FluSlider{ id:slider orientation:FluSlider.Vertical anchors{ right: parent.right rightMargin: 45 top: parent.top topMargin: 30 } onValueChanged:{ textSize = value/100*6+FluTheme.textSize } } }