Foundation

Focused Outline

An outline around a focused widget that does not affect its layout.

API Reference
FFocusedOutline(
  focused: true,
  child: Container(
    decoration: BoxDecoration(
      color: context.theme.colors.primary,
      borderRadius: BorderRadius.circular(8),
    ),
    padding: const EdgeInsets.symmetric(vertical: 8.0, horizontal: 12),
    child: Text(
      'Focused',
      style: context.theme.typography.base.copyWith(color: context.theme.colors.primaryForeground),
    ),
  ),
);

Collapsible

A collapsible widget that animates between visible and hidden states.

Portal

A portal renders a portal widget that "floats" on top of a child widget.