OudsLink class

OUDS Link design guidelines

A link is a user interface element that allows navigation from one location to another, either within the same page, across different pages of a site (or application), or to an external resource. Typically rendered as underlined or styled text, a link communicates its interactive nature visually and semantically. It should always lead to a valid destination and be clearly labeled to describe the target or purpose. Unlike a button, which triggers an action, a link’s primary function is navigation.

parameters :

  • size : The size of the link, OudsLinkSize such as small or default, to fit various visual needs.
  • label : A text to display in link component.
  • icon : An optional SVG asset name to display an icon within the link.
  • layout: Defines the layout to be used for the link OudsLinkLayout.
  • onPressed: Callback invoked when the link is clicked.

You can use OudsLink like this :

Small Text only link :

This is the default layout of the component.

OudsLink(
      label: 'Label',
      size: OudsLinkSize.small,
      onPressed: () {}
    );

Small Next link :

This is the default layout of the component.

OudsLink(
      label: 'Label',
      size: OudsLinkSize.small,
      layout : OudsLinkayout.next
      onPressed: () {}
    );

Default link with Icon :

This is the default layout of the component.

OudsLink(
      label: 'Label',
      layout : OudsLinkayout.textAndIcon
      icon : 'assets/ic_heart.svg'
      onPressed: () {}
    );
Inheritance

Constructors

OudsLink.new({Key? key, required String label, String? icon, OudsLinkLayout layout = OudsLinkLayout.textOnly, OudsLinkSize? size = OudsLinkSize.defaultSize, VoidCallback? onPressed})
const

Properties

hashCode → int
The hash code for this object.
no setterinherited
icon → String?
final
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
label → String
final
layout → OudsLinkLayout
final
onPressed → VoidCallback?
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
size → OudsLinkSize?
final

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<OudsLink>
Creates the mutable state for this widget at a given location in the tree.
override
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

Static Methods

buildIcon(BuildContext context, String? assetName, OudsLinkControlState controlItemState, OudsLinkLayout layout, OudsLinkSize size) → Widget