Pin Keyboard
You can edit 8 Components for free. Get premium for unlimited access.
Choose between Figma, SwiftUI, React Native or Jetpack Compose Documentation.
Figma
The Pin Keyboard component is used to display a complete keyboard to enter a code or number.
1. Reference
This component inherits props from the Pin Keyboard.
2. Type
You can edit the type with the text or icon parameter.
Image 2.1 : Type text
Image 2.2 : Type icon
3. State
You can edit the state with the default or pressed parameter.
Image 3.1 : State default
Image 3.2 : State pressed
4. Description
You can edit the description with the true or false parameter.
Image 4.1 : Description false
Image 4.2 : Description true
SwiftUI
The DLPinKeyboard component is used to display a complete keyboard to enter a code or number.
1. Reference
This component inherits props from the Pin Keyboard.
-
-
-
-
1. Type
You can edit the type with the .text or .icon parameter.
1
number: "1"
){}
DLPinKeyboard(
type: .icon(icon: "ic_ChevronLeft")
){}
2. Alphabet
You can edit the alphabet with the "text" parameter.
1
2
ABC
number: "1"
){}
DLPinKeyboard(
number: "2",
alphabets: "ABC"
){}
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?