ToggleText class

Reusable ToggleText selectable chip / pill component for the Alter Design System.

Figma Specifications (Node 167:9709):

  • Variants:
    • state=Default, type=Gray (167:9710): Fill baseGray (#F9FAFB), Border 1px stroke200 (#E5E7EB), Text & Icon textSecondary (#4A5565)
    • state=Selected, type=Gray (167:9712): Fill baseGray (#F9FAFB), Border 1px stroke1000 (#000000), Text & Icon textPrimary (#000000)
    • state=Default, type=White (339:11896): Fill baseWhite (#FFFFFF), Border 1px stroke100 (#F3F4F6), Text & Icon textSecondary (#4A5565)
    • state=Selected, type=White (339:11898): Fill baseWhite (#FFFFFF), Border 1px stroke1000 (#000000), Text & Icon textPrimary (#000000)
  • Dimensions: Fixed height 64px, Padding 18px vertical, 24px horizontal
  • Border Radius: 20px
  • Gap: 8px between icon and label
  • Icon: 24x24px (default Icons.face_5_outlined)
  • Typography: Geist 16px Regular 400 (AlterTypography.bodyLg)
Inheritance

Constructors

ToggleText({Key? key, String label = 'Option', bool isSelected = false, bool hasIcon = true, IconData icon = Icons.face_5_outlined, ToggleTextType type = ToggleTextType.gray, ValueChanged<bool>? onChanged, VoidCallback? onTap})
Creates a ToggleText instance.
const

Properties

hashCode → int
The hash code for this object.
no setterinherited
hasIcon → bool
Whether the leading icon should be rendered.
final
icon → IconData
The icon data displayed in the toggle button.
final
isSelected → bool
Whether the option is selected.
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
label → String
Text label string.
final
onChanged → ValueChanged<bool>?
Callback executed with boolean state when toggled.
final
onTap → VoidCallback?
Callback executed when tapped.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
type → ToggleTextType
Visual theme style type.
final

Methods

build(BuildContext context) → Widget
Describes the part of the user interface represented by this widget.
override
createElement() → StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited

Constants

version → const String
Component version for reference. v1.0.0: Initial release matching Figma Node 167:9709.