Components

📄️ ActionSheet

ActionSheets are sheets that slide up from the bottom of the screen, and present two or more choices related to an intentional user action.

📄️ Avatar

Avatars are small images that represent a user. They are commonly used in lists and profile screens.

📄️ AvatarEdit

AvatarEdits enable users to upload a new profile picture, or edit their current profile picture.

📄️ Badge

Badges are small components typically used to indicate the status of an item, such as "new" or "unread", to the user.

📄️ BottomSheet

BottomSheets are sheets that slide up from the bottom of the screen. You can put any content you want inside.

Cards are a great way to display information, usually containing content and actions about a single subject. Cards can contain images, buttons, text and more. Cards are mainly used for informative purpose.

🗃️ CheckList

1 items

📄️ CodeInput

CodeInputs are inputs used to enter numeric codes. They can be used to enter double-factor authentication codes.

📄️ Dialer

Dialers are used to display a keypad that allows the user to enter a number.

🗃️ Layout

2 items

📄️ MaskedTextInput

MaskedTextInputs are used for inputting text with a mask.

🗃️ Menu

4 items

📄️ RadioButton

RadioButtons allow the selection of an option from a set.

🗃️ RadioGroup

1 items

📄️ Select

Selects allow the user to choose a single value from a list of options.

📄️ SwipeButton

SwipeButtons are buttons that can be swiped to the left or right to trigger an action.

📄️ SwipeConfirmation

SwipeConfirmations are BottomSheets used to add a confirmation to any action in your app that is invoked with a ButtonSwipe. This is useful for things like deleting items or taking some other destructive action.

📄️ Switch

Switch represents user's decision of a process and indicates whether a state is on/off.

🗃️ TextInput