Tarka UI Kit Flutter
Tarka UI Kit is a reusable component library for building Flutter apps, based on a design system using Atomic Design principles
List of components
- TUIAccordion
- TUIAnchor
- TUIAppTopBar
- TUIAttachmentUpload
- TUIAvatar
- TUIBadge
- TUIBreadCrumb
- TUIButton
- TUICheckBox
- TUICheckBoxRow
- TUIChip
- TUIDivider
- TUIDraggableCard
- TUIEmailField
- TUIEmailSubjectField
- TUIFloatingActionButton
- TUIIconButton
- TUIInputField
- TUIMediaThumbnail
- TUIMenuItem
- TUIMobileButtonBlock
- TUIMobileOverlayHeader
- TUIMobileOverlayFooter
- TUINavigationRow
- TUIRadioButton
- TUIRangeSlider
- TUISearchBar
- TUISelectionCard
- TUISlider
- TUISnackBar
- TUISuccessCheckMark
- TUIToggleSwitch
- TUITag
- TUIToggleRow
How to use this package in your project?
# Add this below package in the dependencies section of the pubspec.yaml file
tarka_ui:
git:
url: git@github.com:tarkalabs/tarka-ui-kit-flutter.git
ref: v1.1.0
How to run the kitchen sink app?
From Android Studio
Open main.dart
file in example/
directory rest will be handled by Android Studio.
From Terminal
Change directory to example/
and execute flutter run
Libraries
- components/accordion/accordion
- components/anchor/anchor
- components/app_bar/app_bar
- components/attachment_upload/attachment_upload
- components/avatar/avatar
- components/badge/badge
- components/button/style
- components/checkbox/checkbox
- components/checkbox_row/checkbox_row
- components/chip/chip
- components/divider/divider
- components/draggable_card/draggable_card
- components/email_field/email_field
- components/email_subject_field/email_subject_field
- components/media_thumbnail/media_thumbnail
- components/mobile_overlay_header/mobile_overlay_header
- components/search_bar/search_bar
- components/selection_card/selection_card
- components/slider/slider
- components/snack_bar/snack_bar
- components/success_check_mark/success_check_mark
- components/tag/tag
- components/textfield/text_field
- components/toggle_row/toggle_row
- components/toggle_switch/toggle_switch
- styles/colors
- styles/default_colors
- styles/spacing
- styles/symbols
- styles/text_style
- styles/theme
- styles/typography
- subcomponents/image
- tarka_ui
- tui_app