Entry Title

Back Button

Wizard Codes

Wizard URL

Form

Right Disclaimer

reCAPTCHA Error

Wizard Error

Success Form URL

📐-tm-taxtool-form

Represents a component that serves as a parent component and is in charge of rendering blocks of components taking into account layout attributes such as padding (top and button), vertical gaps, and background colors, among other specifications.

Name

Blocks

Margin Top

Margin Bottom

Padding Top

Vertical Gap

Background Color

Padding Bottom

🦠-or-container

This component works as a wrapper for an array of 🧬-ml-collapse

Header

Collapse list

🦠-or-collapse-group

The 🧬-ml-collapse content type represents a collapsible element in which the information is visible only when the component is toggled by the user into an "open" state. It contains a title and collapsible content.

Title

Content

🧬-ml-collapse

It represents a page within the web app, contains the slug, references a template, a 🦠-or-navbar, a 🦠-or-footer, and ℹ️-sm-SEO data.

Slug

Template

Breadcrumb

Navbar

Footer

📜-pg-page

FAQ Title

FAQ Body

Contact Us Title

Contact Us Form

Email Error

📐-tm-taxtool-support

Ir represents a flexible template that supports multiple 🦠-or-container to create layouts as needed.

Sections

Back Buton

📐-tm-flex

Type

Image

Motion graphic

Autoplay

Autoloop

Play button label

Stop button label

⚛️-at-background

The 🦠-or-hero-banner content type represents a hero that can display a pre-title, title, description, button, navigation tabs, media content, and a link.

Media content

Media position

Variant

Text alignment

Pretitle

Title size

Subtitle

Brand image

Description

Buttons

Page selector

Background

Additional information

Media vertical alignment

🦠-or-hero-banner

It represents a component that contains blocks of components (such as 🧬-ml-vertical and 🧬-ml-video) and supports multiple layouts based on a given number of columns for each viewport (mobile, tablet, and desktop).

Horizontal Gap

Distribution

🦠-or-multicolumn

The 🧬-ml-stat content type represents a component that contains a title, a description, and a piece of highlight information such as a stat or an image.

Title Size

🧬-ml-stat

The 🧬-ml-disclaimer-content content type represents the content for a disclaimer message and includes a title and a body.

Title Link

Body

🧬-ml-disclaimer-content

The 🦠-or-disclaimer-collapse content type represents a component that users can interact with to review disclaimers content that usually goes below the navbar or floats at the end of the page.

Expand Label

Minimize Label

Disclaimers

Show open by default

🦠-or-disclaimer-collapse

It represents an interactive UI component that displays texts, an image, and a call-to-action link.

Link

🧬-ml-carousel-item

It represents a component that contains interactive controls (🧬-ml-form-field, 🦠-or-conditional-form-field and ⚛️-at-button) that allow users to submit information.

Heading

Submit Button

Disclaimer Text

Additional Links

Error Alert

Error Alert Position

Layout

🦠-or-form

Pretitle size

Background image

Alignment

🦠-or-hero-subscription

It represents a drawer component that displays a list of available countries and their corresponding languages (⚙-config-locale-section).

Language options label

Country options label

Locales sections

Back button label

🦠-or-language-selector

It represents the navbar component that provides content and actions related to the current screen. It may contain a brand image (🎀-wr-image), a search, menu, and close buttons (⚛️-at-button), navigation tabs, and top navigation links (⚛️-at-link), among other attributes.

Brand URL

Language selector

Main navigation links

Is sticky

Search button label

Menu button label

Close button label

Login button label

Logout button label

Navbar button

🦠 or-navbar

It represents a type of card that may contain a title, description, media content, and link. The component's it may or may not have a background or a border.

Media

With border

🧬-ml-horizontal

It represents a component that contains an eyebrow, icon, title, description, and button and is useful to display a message of success, notification, warning, or error.

Eyebrow

Message Icon

Title Heading Level

Button

🧬-ml-block-message

It represents a hyperlink to a specific resource, such as web pages or anything else a URL can address. It contains the URL, label, aria label, target, and icons.

Label

Aria Label

Target

Icon

Icon Alt

Icon Position

Custom Icon

Custom Icon Contrast

⚛️-at-link

It represents the button component, an interactive UI element that users can activate to perform specific actions. It contains a label, aria label, an icon, and a target. The component's appearance can vary depending on the selected variant and size.

Action Type

Action Value

Remove Padding

Size

⚛️-at-button

It represents the footer component that may content menu items (🧬-ml-menu-item), navigation menu, social media links (⚛️-at-link), copyright info, brand image, and brand URL.

Menu items

Social media links

Copyright

Copyright Description

🦠-or-footer

Validation Type

Validation Value

Error Message

ℹ️-sm-validation

It represents the metadata needed for the 📜-pg-page.

Page Title

Canonical URL

Social Share Image

Keywords

Is SEO Indexable

ℹ️-sm-SEO

It represents a key-value pair piece of content.

Value

ℹ️-sm-key-value

Represents a wrapper for video content that may include information such as title, duration, description, label, and date.

Video

Date

Duration

🧬-ml-video

It represents a type of card that may contain a title, subtitle, description, media content, link, and stats. The component's appearance may vary depending on the variant, and it may or may not have a background or a border.

Image size

Stats

Has background

Has border

🧬-ml-vertical

It organizes and allows navigation between groups of content. It contains a pre-title, and items (⚛️-at-link). The component's appearance may vary depending on the selected variant.

Items

Active item

🧬-ml-tabs

It represents a component that displays a quote, the author’s information, an image, or a background image.

Author

Author information

Quote

Quote alignment

🧬-ml-quote

It represents a type of card that can contain text-based information regarding a specific profile, a set of social media links, and media content.

Profile name

Location

Company role

Contact Info

🧬-ml-profile-card

It refers to a collection of links (🧬-ml-tabs) that are grouped together under a shared label. These types of content are typically used in the footer and navbar of a web app.

🧬-ml-menu-item

It represents a component that displays a different set of texts (pre-title, title, and/or description) and buttons (⚛️-at-button) if required.

Tax Tool