Description | RiseUI

Usage

Standalone helper copy (Hero `.description`).

const RiseDescription(
  child: Text('Helper text under a label or field.'),
)

With form field

`RiseLabel` + `RiseDescription` + `RiseInput`.

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    RiseLabel.text('Nickname'),
    SizedBox(height: 4),
    RiseDescription(
      child: Text('Visible to other users on your profile.'),
    ),
    SizedBox(height: 8),
    RiseInput(hintText: 'friendly-fox'),
  ],
)

With text field

`RiseTextField` `helperText` for the same role.

const RiseTextField(
  labelText: 'Bio',
  placeholder: 'Tell us about yourself',
  helperText: 'A short paragraph is enough.',
)

Long text wrap

Narrow width + long string (`text-wrap` / break-words).

SizedBox(
  width: 220,
  child: RiseDescription.text(
    'https://example.com/very/long/path/that/wraps/',
  ),
)