Button Timed
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Button Timed is a customizable component designed to display a mini, small, medium or large button timed to show a countdown.
1. Reference
This component inherits props from the Button Timed.
2. State
You can edit the state with the default, filled or disabled parameter.
Image 2.1 : State default
Image 2.2 : State filled
Image 2.3 : State disabled
3. Size
You can edit the size with the lg, md, sm or xs parameter.
Image 3.1 : Size lg
Image 3.2 : Size md
Image 3.3 : Size sm
Image 3.4 : Size xs
SwiftUI
The DLButtonTimed is a customizable component designed to display a mini, small, medium or large button timed to show a countdown.
1. Reference
This component inherits props from the Button Timed.
2. State
You can edit the state with the .normal or .disabled parameter.
totalSeconds: 5,
width: 150,
state: .normal,
size: .lg
)
DLButtonTimed(
totalSeconds: 5,
width: 150,
state: .disabled,
size: .lg
)
3. Size
You can edit the size with the .xs, .sm, .md or .lg parameter.
totalSeconds: 5,
width: 150,
state: .normal,
size: .lg
)
DLButtonTimed(
totalSeconds: 5,
width: 150,
state: .normal,
size: .md
)
DLButtonTimed(
totalSeconds: 5,
width: 150,
state: .normal,
size: .sm
)
DLButtonTimed(
totalSeconds: 5,
width: 150,
state: .normal,
size: .xs
)
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?
You want to try?
Save time and money?