Skip to main content

Button

The Button Component in Akuko provides you with the ability to add interactive buttons or menus to your data stories. Whether you want to create navigation elements, trigger events or provide user choices, the Button Component empowers you to enhance interactivity and engagement within your data narratives.

Key Features​

With the Button Component, you can easily create individual buttons with customizable labels, styles, and actions. These buttons can serve various purposes, from navigating between sections of your data story to executing specific actions.

Formats​

In addition to individual buttons, the Button Component allows you to create multiple elements to form menus or to power dropdown lists. The current button formats are:

Events​

Buttons can be configured to trigger events. This flexibility enables you to create interactive elements that can display additional content, show/hide components, or link to external resources.

Styling Options​

You have control over the styling of buttons and menus, including background colors, text colors, and font sizes. Ensure your buttons match the overall design and branding of your data story.

Properties​

The Button Component offers several properties to configure its appearance and behavior:

name​

string The component name

backgroundColor​

string The background color for the button

borderColor​

string The border color of the button

source​

uuid The uuid of the button Source

label​

string The label text displayed on the button or menu

useAsDivider​

boolean Create a dividing item in a menu

width​

string The width of the component

format​

string The format of the button (checkbox, menu, etc)

textAlign​

string The alignment of the text

fontFamily​

number The font family for the button

fontSize​

number The font size for the button

color​

string The text color for the button

items​

array An array of button items

events​

array An array of events for the button

filters​

array Array of filters