Action

Button Example

<Action action={props.action} className="u-font-size-0" element="button" />

Active Button Example

<Action action={props.action} active={true} className="u-font-size-0" element="button" />

Anchor Example

<Action action={props.action} className="u-font-size-0" element="a" />

Active Anchor Example

<Action action={props.action} active={true} className="u-font-size-0" element="a" />

Example

<Action action={props.actionWithoutUrl} className="u-font-size-0" element="a" />

Example

<Action action={props.action} className="fat-link u-font-size-0" element="a" />

Example

<Action action={props.actionWithHref} className="u-font-size-2" element="button" />

Example

<Action action={props.actionWithHref} className="u-font-size-2" element="a" />

Example

<Action action={props.actionWithoutIcon} className="u-font-size-4" element="button" />

Example

<Action action={props.actionWithoutIcon} className="u-font-size-4" element="a" />

Frontmatter

action:
  icon: circle
  heading: action
  url: /demo-url-with-icon

actionWithHref:
  heading: actionWithHref
  url: https://www.modelberry.com

actionWithoutIcon:
  heading: actionWithoutIcon
  url: /demo-url