Teaser

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.

Figma

The Teaser component is used to group images in combination with text.

1. Reference

This component inherits props from the Teaser.

Prop
Type
Default
size
md
lg
md
state
default
disabled
default
description
true
false
true

2. Size

You can edit the size with the md or lg parameter.

Image 2.1 : Size md

Image 1.2 : Teaser large

3. State

You can edit the state with the default or disabled parameter.

Image 3.1 : State default

Image 3.2 : State disabled

4. Description

You can edit the description with the true or false parameter.

Image 4.1 : Description true

Image 4.1 : Description false

SwiftUI

The DLTeaser component is used to group images in combination with text.

1. Reference

This component inherits props from the Teaser.

Prop
Type
Default
size
.md
.lg
.lg
state
.normal
.disabled
.normal
image
"image"

-

title
"text"

-

description
"text"

-

2. Size

You can edit the size with the .md or .lg parameter.

Title
Description
Title
Description
DLTeaser(
image: "img_Teaser",
title: "Title",
description: "Description"
)

DLTeaser(
image: "img_Teaser",
title: "Title",
description: "Description",
size: .md
)

3. State

You can edit the state with the .normal or .disabled parameter.

Title
Description
Title
Description
DLTeaser(
image: "img_Teaser",
title: "Title",
description: "Description"
)

DLTeaser(
image: "img_Teaser",
title: "Title",
description: "Description",
state: .disabled
)

Jetpack Compose

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

React Native

This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.

🚧

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version