rothko_mobile 1.0.0+50 copy "rothko_mobile: ^1.0.0+50" to clipboard
rothko_mobile: ^1.0.0+50 copied to clipboard

Bento design system for mobile

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add rothko_mobile

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  rothko_mobile: ^1.0.0+50

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:rothko_mobile/cache.dart';
import 'package:rothko_mobile/knobs/bool_knob.dart';
import 'package:rothko_mobile/knobs/index.dart';
import 'package:rothko_mobile/knobs/knob_panel.dart';
import 'package:rothko_mobile/knobs/knob_utils.dart';
import 'package:rothko_mobile/knobs/knobs.dart';
import 'package:rothko_mobile/knobs/select_knobs.dart';
import 'package:rothko_mobile/knobs/slider_knobs.dart';
import 'package:rothko_mobile/knobs/string_knob.dart';
import 'package:rothko_mobile/main.dart';
import 'package:rothko_mobile/model/states_lga_model.dart';
import 'package:rothko_mobile/rothko.dart';
import 'package:rothko_mobile/rothko_system/BottomSheet/confirmation.dart';
import 'package:rothko_mobile/rothko_system/BottomSheet/standard.dart';
import 'package:rothko_mobile/rothko_system/avatar/circe-personas.dart';
import 'package:rothko_mobile/rothko_system/avatar/default-filled-avatar.dart';
import 'package:rothko_mobile/rothko_system/avatar/default-outline-avatar.dart';
import 'package:rothko_mobile/rothko_system/avatar/group_avatar.dart';
import 'package:rothko_mobile/rothko_system/avatar/index.dart';
import 'package:rothko_mobile/rothko_system/avatar/square-filled-avatar.dart';
import 'package:rothko_mobile/rothko_system/avatar/square-outline-avatar.dart';
import 'package:rothko_mobile/rothko_system/badges/badges_positioned.dart';
import 'package:rothko_mobile/rothko_system/badges/bento_badges.dart';
import 'package:rothko_mobile/rothko_system/badges/index.dart';
import 'package:rothko_mobile/rothko_system/banners/banner_filled_button.dart';
import 'package:rothko_mobile/rothko_system/banners/banner_outline_button.dart';
import 'package:rothko_mobile/rothko_system/banners/fixed_banner.dart';
import 'package:rothko_mobile/rothko_system/buttons/button-tap.dart';
import 'package:rothko_mobile/rothko_system/buttons/button.dart';
import 'package:rothko_mobile/rothko_system/buttons/icon_button.dart';
import 'package:rothko_mobile/rothko_system/buttons/index.dart';
import 'package:rothko_mobile/rothko_system/charts/circular-indicator.dart';
import 'package:rothko_mobile/rothko_system/charts/linear_progress_indicator.dart';
import 'package:rothko_mobile/rothko_system/charts/rotate-indicator.dart';
import 'package:rothko_mobile/rothko_system/checkbox/checkbox.dart';
import 'package:rothko_mobile/rothko_system/chips/basicChips.dart';
import 'package:rothko_mobile/rothko_system/chips/dismissible-default.dart';
import 'package:rothko_mobile/rothko_system/chips/icon-avatar/chips-avatar.dart';
import 'package:rothko_mobile/rothko_system/chips/index.dart';
import 'package:rothko_mobile/rothko_system/dialog/default_dialog.dart';
import 'package:rothko_mobile/rothko_system/dialog/dialog_scrollable.dart';
import 'package:rothko_mobile/rothko_system/dialog/form_dialog.dart';
import 'package:rothko_mobile/rothko_system/display_states/display_states.dart';
import 'package:rothko_mobile/rothko_system/logo/bento_logo.dart';
import 'package:rothko_mobile/rothko_system/logo/bento_logomark.dart';
import 'package:rothko_mobile/rothko_system/logo/bento_wordmark.dart';
import 'package:rothko_mobile/rothko_system/logo/index.dart';
import 'package:rothko_mobile/rothko_system/logo/people_logo.dart';
import 'package:rothko_mobile/rothko_system/logo/people_logomark.dart';
import 'package:rothko_mobile/rothko_system/logo/people_wordmark.dart';
import 'package:rothko_mobile/rothko_system/pickers/datePicker.dart';
import 'package:rothko_mobile/rothko_system/pickers/index.dart';
import 'package:rothko_mobile/rothko_system/pickers/new_datePicker.dart';
import 'package:rothko_mobile/rothko_system/pickers/timePicker.dart';
import 'package:rothko_mobile/rothko_system/radio/index.dart';
import 'package:rothko_mobile/rothko_system/radio/radio.dart';
import 'package:rothko_mobile/rothko_system/searchbox/index.dart';
import 'package:rothko_mobile/rothko_system/searchbox/search.dart';
import 'package:rothko_mobile/rothko_system/select/default-dynamic.dart';
import 'package:rothko_mobile/rothko_system/select/default.dart';
import 'package:rothko_mobile/rothko_system/select/dense-default.dart';
import 'package:rothko_mobile/rothko_system/select/hint-default.dart';
import 'package:rothko_mobile/rothko_system/select/icons-default.dart';
import 'package:rothko_mobile/rothko_system/select/index.dart';
import 'package:rothko_mobile/rothko_system/select/ng_states_lga_select.dart';
import 'package:rothko_mobile/rothko_system/sheets/index.dart';
import 'package:rothko_mobile/rothko_system/sheets/paper.dart';
import 'package:rothko_mobile/rothko_system/sliders/index.dart';
import 'package:rothko_mobile/rothko_system/sliders/slider_paddle.dart';
import 'package:rothko_mobile/rothko_system/sliders/slider_simple.dart';
import 'package:rothko_mobile/rothko_system/snackbar/snackbar.dart';
import 'package:rothko_mobile/rothko_system/snackbar/snackbar_helper.dart';
import 'package:rothko_mobile/rothko_system/snackbar/snackbar_leadingicon.dart';
import 'package:rothko_mobile/rothko_system/snackbar/snackbar_route.dart';
import 'package:rothko_mobile/rothko_system/steppers/default_stepper.dart';
import 'package:rothko_mobile/rothko_system/switches/switches.dart';
import 'package:rothko_mobile/rothko_system/tabs/index.dart';
import 'package:rothko_mobile/rothko_system/tabs/tabs.dart';
import 'package:rothko_mobile/rothko_system/tabs/tabs_dynamic.dart';
import 'package:rothko_mobile/rothko_system/textarea/clearable.dart';
import 'package:rothko_mobile/rothko_system/textarea/default.dart';
import 'package:rothko_mobile/rothko_system/textarea/index.dart';
import 'package:rothko_mobile/rothko_system/textfields/clearable.dart';
import 'package:rothko_mobile/rothko_system/textfields/dense-default.dart';
import 'package:rothko_mobile/rothko_system/textfields/index.dart';
import 'package:rothko_mobile/rothko_system/textfields/password.dart';
import 'package:rothko_mobile/rothko_system/textfields/rothko-textfield.dart';
import 'package:rothko_mobile/rothko_system/textfields/rothko_textfield.dart';
import 'package:rothko_mobile/rothko_system/textfields/withSuffixText.dart';
import 'package:rothko_mobile/rothko_system/toggle/default.dart';
import 'package:rothko_mobile/rothko_system/toggle/index.dart';
import 'package:rothko_mobile/rothko_system/tooltip/default.dart';
import 'package:rothko_mobile/rothko_system/tooltip/rothko_tooltip.dart';
import 'package:rothko_mobile/rothko_system/tooltip/withAction.dart';
import 'package:rothko_mobile/rothko_system/tooltip/withTitle.dart';
import 'package:rothko_mobile/rothko_system/utilities/color-gradients.dart';
import 'package:rothko_mobile/rothko_system/utilities/colors.dart';
import 'package:rothko_mobile/rothko_system/utilities/index.dart';
import 'package:rothko_mobile/rothko_system/utilities/textstyles.dart';
import 'package:rothko_mobile/screens/index.dart';
import 'package:rothko_mobile/screens/stories.dart';
import 'package:rothko_mobile/screens/stories_example.dart';
import 'package:rothko_mobile/utilities/breakpoint.dart';
import 'package:rothko_mobile/utilities/index.dart';
import 'package:rothko_mobile/utilities/iterables.dart';
import 'package:rothko_mobile/widgets/route.dart';
import 'package:rothko_mobile/widgets/story.dart';
import 'package:rothko_mobile/widgets/story_page_wrapper.dart';
import 'package:rothko_mobile/widgets/storybook.dart';
import 'package:rothko_mobile/widgets/theme/theme_mode_provider.dart';
import 'package:rothko_mobile/widgets/theme/theme_switcher.dart';