vroxaldesign 1.0.1 copy "vroxaldesign: ^1.0.1" to clipboard
vroxaldesign: ^1.0.1 copied to clipboard

Vroxal Design System for Flutter — design tokens (color, typography, spacing), a 1,598-glyph custom icon library (VdIcons), and 21 production-ready UI components with automatic light/dark mode support.

Changelog #

All notable changes to this package are documented here. This project adheres to Semantic Versioning.

1.0.1 #

Bug Fixes #

  • VdSnackbar — removed yellow text underline on message and action text caused by Flutter's default DefaultTextStyle outside a Material widget

1.0.0 #

Initial public release of the Vroxal Design System for Flutter.

Design Tokens #

  • VdColorScheme — full semantic color token set with automatic light/dark resolution via Theme.of(context).brightness
  • VdFont — 19 Poppins text styles (Display · Headline · Title · Label · Body scales)
  • VdSpacing — spacing scale (s0 → s3000) with negative steps
  • VdRadius — border radius scale (none → full/pill)
  • VdBorderWidth — border width tokens (sm default · md focus ring)
  • VdIconSize — icon size scale (xs 16 pt → xl 40 pt)

Icon System #

  • VdIcons — 1,598-glyph custom icon font (VroxalIcon) with codepoints in the Unicode Private Use Area
  • VdIcon — widget that renders VroxalIcon glyphs with IconTheme inheritance for size and color

Components — Actions #

  • VdButton — 6 colors · 3 sizes · 3 styles · loading state · leading/trailing icons
  • VdIconButton — 6 colors · 3 sizes · 3 styles
  • VdChip — 6 colors · 2 sizes · optional remove action · leading icon

Components — Displays #

  • VdBadge — numeric count badge with dot variant
  • VdDivider — semantic border token divider

Components — Feedbacks #

  • VdAlert — 6 colors · optional title · optional inline/block action · closable
  • VdEmptyState — boxed/unboxed · custom icon · primary + secondary actions
  • VdLoadingState — spinner with optional title and description
  • VdSnackbar — 6 colors · optional action · closable

Components — Forms #

  • VdTextField — all input states · password toggle · leading/trailing icons · character limit
  • VdTextArea — multi-line · min 4 / max 9 lines · character counter
  • VdSelectField<T> — generic dropdown with bottom-sheet picker
  • VdDateTimeField — date · time · dateTime modes using native pickers
  • VdSearchField — search icon · clear button
  • VdCheckbox — tri-state support (checked · unchecked · indeterminate)
  • VdRadioButton / VdRadioGroup<T> — scoped group with InheritedWidget
  • VdSelectionCard / VdSelectionCardGroup<T> — large tap-target selection cards
  • VdCodeInput — PIN / OTP entry with configurable digit count
1
likes
140
points
163
downloads

Documentation

API reference

Publisher

verified publisherpramodpoudel.com.np

Weekly Downloads

Vroxal Design System for Flutter — design tokens (color, typography, spacing), a 1,598-glyph custom icon library (VdIcons), and 21 production-ready UI components with automatic light/dark mode support.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on vroxaldesign