duck.etc.blueprints.welcome.ui.components.links_section

LinksSection component — three large link cards pointing to the official Duck Framework site, documentation, and contribution page.

Module Contents

Classes

LinksSection

Renders the three primary outbound links as interactive cards.

API

class duck.etc.blueprints.welcome.ui.components.links_section.LinksSection(element: Optional[str] = None, properties: Optional[Dict[str, str]] = None, props: Optional[Dict[str, str]] = None, style: Optional[Dict[str, str]] = None, inner_html: Optional[Union[str, str, float]] = None, children: Optional[List[duck.html.components.HtmlComponent]] = None, **kwargs)

Bases: duck.html.components.InnerComponent

Renders the three primary outbound links as interactive cards.

Each card has a colored ambient glow on hover and an arrow that shifts on hover to suggest navigation.

Initialization

Initialize an HTML component.

Parameters:

• element – The HTML element tag name (e.g., textarea, input, button). Can be None, but make sure element is returned by get_element method.

• accept_inner_html – Whether the HTML component accepts an inner body (e.g., inner-body-here).

• inner_html – Inner html to add to the HTML component. Defaults to None.

• properties – Dictionary for properties to initialize the component with.

• props – Just same as properties argument (added for simplicity).

• style – Dictionary for style to initialize the component with.

• **kwargs – Extra keyword arguments

Raises:

HtmlComponentError – If ‘element’ is not a string or ‘inner_html’ is set but ‘accept_inner_html’ is False.

LINKS

[(‘🌐’, ‘Official Site’, ‘Explore the Duck Framework homepage — overview, showcase, and the latest fr…

arrow_icon() → str

Returns an inline SVG arrow icon for link cards.

Returns:

SVG string.

build_link_card(icon: str, title: str, desc: str, url: str, accent: str, glow: str) → duck.html.components.container.Container

Returns a single outbound link card.

Parameters:

• icon – Emoji icon shown at the top of the card.

• title – Card heading text.

• desc – Short description of the destination.

• url – The external URL the card links to.

• accent – CSS color for the arrow and hover accent.

• glow – CSS rgba color for the radial hover glow.

Returns:

A Container rendered as an anchor element.

get_element() → str

Returns:

The HTML element tag for this component.

on_create() → None

Builds the section label and the three link cards.