Fluid::Tokens Class Reference

Material Design 3 design tokens. More...

#include <tokens.h>

Inheritance diagram for Fluid::Tokens:

Collaboration diagram for Fluid::Tokens:

Public Member Functions
	Tokens (QObject *parent=nullptr)
qreal	cornerRadiusNone () const
qreal	cornerRadiusExtraSmall () const
qreal	cornerRadiusSmall () const
qreal	cornerRadiusMedium () const
qreal	cornerRadiusLarge () const
qreal	cornerRadiusExtraLarge () const
qreal	cornerRadiusFull () const
TypeScale *	typescale () const
EmphasizedTypeScale *	emphasizedTypeScale () const
int	spacingExtraSmall () const
int	spacingSmall () const
int	spacingMedium () const
int	spacingLarge () const
int	spacingExtraLarge () const
int	elevationLevel0 () const
int	elevationLevel1 () const
int	elevationLevel2 () const
int	elevationLevel3 () const
int	elevationLevel4 () const
int	elevationLevel5 () const
int	durationShort1 () const
int	durationShort2 () const
int	durationShort3 () const
int	durationShort4 () const
int	durationMedium1 () const
int	durationMedium2 () const
int	durationMedium3 () const
int	durationMedium4 () const
int	durationLong1 () const
int	durationLong2 () const
int	durationLong3 () const
int	durationLong4 () const
int	durationExtraLong1 () const
int	durationExtraLong2 () const
int	durationExtraLong3 () const
int	durationExtraLong4 () const
Easing	easing () const
Spring	spring () const

Static Public Member Functions
static Tokens *	create (QQmlEngine *engine, QJSEngine *jsEngine)

Properties
QML_SINGLETONqreal	cornerRadiusNone
qreal	cornerRadiusExtraSmall
qreal	cornerRadiusSmall
qreal	cornerRadiusMedium
qreal	cornerRadiusLarge
qreal	cornerRadiusExtraLarge
qreal	cornerRadiusFull
TypeScale *	typescale
EmphasizedTypeScale *	emphasizedTypeScale
int	spacingExtraSmall
int	spacingSmall
int	spacingMedium
int	spacingLarge
int	spacingExtraLarge
int	elevationLevel0
int	elevationLevel1
int	elevationLevel2
int	elevationLevel3
int	elevationLevel4
int	elevationLevel5
int	durationShort1
int	durationShort2
int	durationShort3
int	durationShort4
int	durationMedium1
int	durationMedium2
int	durationMedium3
int	durationMedium4
int	durationLong1
int	durationLong2
int	durationLong3
int	durationLong4
int	durationExtraLong1
int	durationExtraLong2
int	durationExtraLong3
int	durationExtraLong4
Fluid::Easing	easing
Fluid::Spring	spring

Detailed Description

Material Design 3 design tokens.

Provides access to Material Design 3 design tokens including typography, shape, spacing, elevation, and motion tokens that can be used from QML.

import QtQuick
import Fluid as MD
 
Rectangle {
    radius: MD.Tokens.cornerRadiusMedium
 
    Text {
        font.pixelSize: MD.Tokens.typescale.titleLarge.fontSize
    }
}

For more information see the Material Design 3 guidelines.

Constructor & Destructor Documentation

Tokens()

Fluid::Tokens::Tokens ( QObject *  parent = nullptr )

explicit

Member Function Documentation

cornerRadiusExtraLarge()

qreal Fluid::Tokens::cornerRadiusExtraLarge

(

)

const

cornerRadiusExtraSmall()

qreal Fluid::Tokens::cornerRadiusExtraSmall

(

)

const

cornerRadiusFull()

qreal Fluid::Tokens::cornerRadiusFull

(

)

const

cornerRadiusLarge()

qreal Fluid::Tokens::cornerRadiusLarge

(

)

const

cornerRadiusMedium()

qreal Fluid::Tokens::cornerRadiusMedium

(

)

const

cornerRadiusNone()

qreal Fluid::Tokens::cornerRadiusNone

(

)

const

cornerRadiusSmall()

qreal Fluid::Tokens::cornerRadiusSmall

(

)

const

create()

Tokens * Fluid::Tokens::create ( QQmlEngine *  engine, QJSEngine *  jsEngine  )

static

durationExtraLong1()

int Fluid::Tokens::durationExtraLong1

(

)

const

durationExtraLong2()

int Fluid::Tokens::durationExtraLong2

(

)

const

durationExtraLong3()

int Fluid::Tokens::durationExtraLong3

(

)

const

durationExtraLong4()

int Fluid::Tokens::durationExtraLong4

(

)

const

durationLong1()

int Fluid::Tokens::durationLong1

(

)

const

durationLong2()

int Fluid::Tokens::durationLong2

(

)

const

durationLong3()

int Fluid::Tokens::durationLong3

(

)

const

durationLong4()

int Fluid::Tokens::durationLong4

(

)

const

durationMedium1()

int Fluid::Tokens::durationMedium1

(

)

const

durationMedium2()

int Fluid::Tokens::durationMedium2

(

)

const

durationMedium3()

int Fluid::Tokens::durationMedium3

(

)

const

durationMedium4()

int Fluid::Tokens::durationMedium4

(

)

const

durationShort1()

int Fluid::Tokens::durationShort1

(

)

const

durationShort2()

int Fluid::Tokens::durationShort2

(

)

const

durationShort3()

int Fluid::Tokens::durationShort3

(

)

const

durationShort4()

int Fluid::Tokens::durationShort4

(

)

const

easing()

Easing Fluid::Tokens::easing

(

)

const

elevationLevel0()

int Fluid::Tokens::elevationLevel0

(

)

const

elevationLevel1()

int Fluid::Tokens::elevationLevel1

(

)

const

elevationLevel2()

int Fluid::Tokens::elevationLevel2

(

)

const

elevationLevel3()

int Fluid::Tokens::elevationLevel3

(

)

const

elevationLevel4()

int Fluid::Tokens::elevationLevel4

(

)

const

elevationLevel5()

int Fluid::Tokens::elevationLevel5

(

)

const

emphasizedTypeScale()

EmphasizedTypeScale * Fluid::Tokens::emphasizedTypeScale

(

)

const

spacingExtraLarge()

int Fluid::Tokens::spacingExtraLarge

(

)

const

spacingExtraSmall()

int Fluid::Tokens::spacingExtraSmall

(

)

const

spacingLarge()

int Fluid::Tokens::spacingLarge

(

)

const

spacingMedium()

int Fluid::Tokens::spacingMedium

(

)

const

spacingSmall()

int Fluid::Tokens::spacingSmall

(

)

const

spring()

Spring Fluid::Tokens::spring

(

)

const

typescale()

TypeScale * Fluid::Tokens::typescale

(

)

const

Property Documentation

cornerRadiusExtraLarge

qreal Fluid::Tokens::cornerRadiusExtraLarge

read

cornerRadiusExtraSmall

qreal Fluid::Tokens::cornerRadiusExtraSmall

read

cornerRadiusFull

qreal Fluid::Tokens::cornerRadiusFull

read

cornerRadiusLarge

qreal Fluid::Tokens::cornerRadiusLarge

read

cornerRadiusMedium

qreal Fluid::Tokens::cornerRadiusMedium

read

cornerRadiusNone

QML_SINGLETONqreal Fluid::Tokens::cornerRadiusNone

read

cornerRadiusSmall

qreal Fluid::Tokens::cornerRadiusSmall

read

durationExtraLong1

int Fluid::Tokens::durationExtraLong1

read

durationExtraLong2

int Fluid::Tokens::durationExtraLong2

read

durationExtraLong3

int Fluid::Tokens::durationExtraLong3

read

durationExtraLong4

int Fluid::Tokens::durationExtraLong4

read

durationLong1

int Fluid::Tokens::durationLong1

read

durationLong2

int Fluid::Tokens::durationLong2

read

durationLong3

int Fluid::Tokens::durationLong3

read

durationLong4

int Fluid::Tokens::durationLong4

read

durationMedium1

int Fluid::Tokens::durationMedium1

read

durationMedium2

int Fluid::Tokens::durationMedium2

read

durationMedium3

int Fluid::Tokens::durationMedium3

read

durationMedium4

int Fluid::Tokens::durationMedium4

read

durationShort1

int Fluid::Tokens::durationShort1

read

durationShort2

int Fluid::Tokens::durationShort2

read

durationShort3

int Fluid::Tokens::durationShort3

read

durationShort4

int Fluid::Tokens::durationShort4

read

easing

Fluid::Easing Fluid::Tokens::easing

read

elevationLevel0

int Fluid::Tokens::elevationLevel0

read

elevationLevel1

int Fluid::Tokens::elevationLevel1

read

elevationLevel2

int Fluid::Tokens::elevationLevel2

read

elevationLevel3

int Fluid::Tokens::elevationLevel3

read

elevationLevel4

int Fluid::Tokens::elevationLevel4

read

elevationLevel5

int Fluid::Tokens::elevationLevel5

read

emphasizedTypeScale

EmphasizedTypeScale * Fluid::Tokens::emphasizedTypeScale

read

spacingExtraLarge

int Fluid::Tokens::spacingExtraLarge

read

spacingExtraSmall

int Fluid::Tokens::spacingExtraSmall

read

spacingLarge

int Fluid::Tokens::spacingLarge

read

spacingMedium

int Fluid::Tokens::spacingMedium

read

spacingSmall

int Fluid::Tokens::spacingSmall

read

spring

Fluid::Spring Fluid::Tokens::spring

read

typescale

TypeScale * Fluid::Tokens::typescale

read

---

The documentation for this class was generated from the following files:

• /home/runner/work/docs/docs/fluid/src/controls/cpp/style/tokens.h
• /home/runner/work/docs/docs/fluid/src/controls/cpp/style/tokens.cpp