jst_ui
Packages with the styles and components of the Justa Design System
Getting started
Add dependency
You can use the command to add jst_ui as a dependency with the latest stable version:
$ dart pub add jst_ui
Or you can manually add jst_ui into the dependencies section in your pubspec.yaml:
dependencies:
jst_ui: ^replace-with-latest-version
Usage
import 'package:jst_ui/jui_styles.dart';
final spacing = JuiBreakpoints.b48;
final color = Juicolors.white
import 'package:jst_ui/jui_widgets.dart';
Scafold(
body: Column(
children: [
JuiButton(
label: "Button",
onPressed: () {}
)
]
)
)
Libraries
- jst_ui
- jui_styles
- jui_widgets
- styles/jui_borders
- styles/jui_breakpoints
- styles/jui_colors
- styles/jui_font_size
- styles/jui_opacitys
- styles/jui_shadow
- styles/jui_text_style
- widgets/jui_accordion/jui_accordion
- widgets/jui_accordion/jui_accordion2
- widgets/jui_bottom_sheet/jui_bottom_sheet
- widgets/jui_bottom_sheet/jui_draggable_sheet.widget
- widgets/jui_bottom_sheet/jui_top_bar_sheet.widget
- widgets/jui_chips/jui_chip.widget
- widgets/jui_chips/jui_chips
- widgets/jui_chips/jui_choice_chip.widget
- widgets/jui_datepicker/jui_datepicker.widget
- widgets/jui_datepicker/jui_datepicker.widget2
- widgets/jui_datepicker/jui_daterangepicker.widget
- widgets/jui_dropdown/jui_dropdown
- widgets/jui_dropdown/jui_dropdown3
- widgets/jui_dropdown/jui_multi_select
- widgets/jui_inline_labeled_text/jui_inline_labeled_text.widget
- widgets/jui_input/jui_flat_input
- widgets/jui_input/jui_flat_input2.widget
- widgets/jui_input/jui_input
- widgets/jui_labeled_text/jui_labeled_text
- widgets/jui_loading/jui_loading.widget
- widgets/jui_message_box/jui_message_box.widget
- widgets/jui_modal/jui_modal_confirm
- widgets/jui_modal/jui_modal_info
- widgets/jui_option/jui_checkbox
- widgets/jui_option/jui_option_base
- widgets/jui_option/jui_option_type.enum
- widgets/jui_option/jui_radio
- widgets/jui_progress_bar/jui_progress_bar.widget
- widgets/jui_refresh_indicator/jui_refresh_indicator.widget
- widgets/jui_shimmers/jui_shimmer_labeled_text.widget
- widgets/jui_shimmers/jui_shimmers
- widgets/jui_skeleton/jui_skeleton.widget
- widgets/jui_snackbar/jui_snackbar.widget
- widgets/jui_switch/jui_switch.widget
- widgets/jui_tab_bar/jui_tab_bar
- widgets/jui_tab_bar/jui_tab_bar.widget
- widgets/jui_tab_bar/jui_tab_bar_view.widget
- widgets/jui_text_area/jui_text_area.widget