carbon_flutter 0.11.1 carbon_flutter: ^0.11.1 copied to clipboard
UI library that translates IBM's Carbon Design System into Flutter
Use this package as a library
Depend on it
Run this command:
With Flutter:
$ flutter pub add carbon_flutter
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get
):
dependencies:
carbon_flutter: ^0.11.1
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:carbon_flutter/carbon.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumb.props.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumb.styles.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumb.widget.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumbitem.props.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumbitem.styles.dart';
import 'package:carbon_flutter/features/breadcrumb/breadcrumbitem.widget.dart';
import 'package:carbon_flutter/features/breadcrumb/index.dart';
import 'package:carbon_flutter/features/button/button.mixin.dart';
import 'package:carbon_flutter/features/button/button.props.dart';
import 'package:carbon_flutter/features/button/button.styles.dart';
import 'package:carbon_flutter/features/button/button.widget.dart';
import 'package:carbon_flutter/features/button/index.dart';
import 'package:carbon_flutter/features/carbon_app/carbon_app.widget.dart';
import 'package:carbon_flutter/features/carbon_app/index.dart';
import 'package:carbon_flutter/features/checkbox/checkbox.props.dart';
import 'package:carbon_flutter/features/checkbox/checkbox.styles.dart';
import 'package:carbon_flutter/features/checkbox/checkbox.widget.dart';
import 'package:carbon_flutter/features/checkbox/index.dart';
import 'package:carbon_flutter/features/enable/enable.extension.dart';
import 'package:carbon_flutter/features/enable/enable.widget.dart';
import 'package:carbon_flutter/features/enable/index.dart';
import 'package:carbon_flutter/features/form/form.extensions.dart';
import 'package:carbon_flutter/features/form/form.props.dart';
import 'package:carbon_flutter/features/form/form.styles.dart';
import 'package:carbon_flutter/features/form/form.widget.dart';
import 'package:carbon_flutter/features/form/index.dart';
import 'package:carbon_flutter/features/icon/carbon_icons/icons.dart';
import 'package:carbon_flutter/features/icon/carbon_icons/index.dart';
import 'package:carbon_flutter/features/icon/index.dart';
import 'package:carbon_flutter/features/index.dart';
import 'package:carbon_flutter/features/inherited_styles/index.dart';
import 'package:carbon_flutter/features/inherited_styles/inherited_styles.extension.dart';
import 'package:carbon_flutter/features/inherited_styles/inherited_styles.widget.dart';
import 'package:carbon_flutter/features/link/index.dart';
import 'package:carbon_flutter/features/link/link.props.dart';
import 'package:carbon_flutter/features/link/link.styles.dart';
import 'package:carbon_flutter/features/link/link.widget.dart';
import 'package:carbon_flutter/features/notification/action_button.props.dart';
import 'package:carbon_flutter/features/notification/action_button.styles.dart';
import 'package:carbon_flutter/features/notification/action_button.widget.dart';
import 'package:carbon_flutter/features/notification/index.dart';
import 'package:carbon_flutter/features/notification/notification.props.dart';
import 'package:carbon_flutter/features/notification/notification.styles.dart';
import 'package:carbon_flutter/features/notification/notification.widget.dart';
import 'package:carbon_flutter/features/outline/index.dart';
import 'package:carbon_flutter/features/outline/outline.widget.dart';
import 'package:carbon_flutter/features/overflow_menu/index.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu.props.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu.styles.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu.util.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu.widget.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu_button.styles.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu_button.widget.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu_item.styles.dart';
import 'package:carbon_flutter/features/overflow_menu/overflow_menu_item.widget.dart';
import 'package:carbon_flutter/features/text/index.dart';
import 'package:carbon_flutter/features/text/text.widget.dart';
import 'package:carbon_flutter/features/text_field/index.dart';
import 'package:carbon_flutter/features/text_field/text_field.extensions.dart';
import 'package:carbon_flutter/features/text_field/text_field.models.dart';
import 'package:carbon_flutter/features/text_field/text_field.styles.dart';
import 'package:carbon_flutter/features/text_field/text_field.widget.dart';
import 'package:carbon_flutter/features/tile/index.dart';
import 'package:carbon_flutter/features/tile/tile.props.dart';
import 'package:carbon_flutter/features/tile/tile.style.dart';
import 'package:carbon_flutter/features/tile/tile.widget.dart';
import 'package:carbon_flutter/features/toggle/index.dart';
import 'package:carbon_flutter/features/toggle/toggle.props.dart';
import 'package:carbon_flutter/features/toggle/toggle.styles.dart';
import 'package:carbon_flutter/features/toggle/toggle.widget.dart';
import 'package:carbon_flutter/shared/enums/index.dart';
import 'package:carbon_flutter/shared/extensions/index.dart';
import 'package:carbon_flutter/shared/index.dart';
import 'package:carbon_flutter/shared/mixens/index.dart';
import 'package:carbon_flutter/shared/styles/animation.style.dart';
import 'package:carbon_flutter/shared/styles/colors.style.dart';
import 'package:carbon_flutter/shared/styles/fonts.style.dart';
import 'package:carbon_flutter/shared/styles/index.dart';
import 'package:carbon_flutter/shared/styles/themes.style.dart';
import 'package:carbon_flutter/shared/styles/typography.style.dart';