Talke Component Library

Button: White 

<a class="cursor-pointer rounded px-5 py-3 text-lg transition-colors duration-300 font-talke-regular bg-white hover:bg-talke-light-grey text-talke-blue hover:text-talke-light-blue">Vapulus annus</a>
 
{{#ifCond _self.name "==" "red"}}
{{assign "bgColor" "bg-talke-red"}}
{{assign "hoverBgColor" "hover:bg-talke-active-red"}}
{{assign "textColor" "text-white"}}
{{assign "hoverTextColor" ""}}
{{/ifCond}}
{{#ifCond _self.name "==" "blue"}}
{{assign "bgColor" "bg-talke-blue"}}
{{assign "hoverBgColor" "hover:bg-talke-light-blue"}}
{{assign "textColor" "text-white"}}
{{assign "hoverTextColor" ""}}
{{/ifCond}}
{{#ifCond _self.name "==" "white"}}
{{assign "bgColor" "bg-white"}}
{{assign "hoverBgColor" "hover:bg-talke-light-grey"}}
{{assign "textColor" "text-talke-blue"}}
{{assign "hoverTextColor" "hover:text-talke-light-blue"}}
{{/ifCond}}
{{#ifCond _self.name "==" "teal"}}
{{assign "bgColor" "bg-talke-teal"}}
{{assign "hoverBgColor" ""}}
{{assign "textColor" "text-talke-dark-blue"}}
{{assign "hoverTextColor" "hover:text-talke-text-gray"}}
{{/ifCond}}

<a class="cursor-pointer rounded px-5 py-3 text-lg transition-colors duration-300 font-talke-regular {{bgColor}} {{hoverBgColor}} {{textColor}} {{hoverTextColor}}">{{buttonText}}</a>
 
{
  "buttonText": "Vapulus annus"
}

No notes defined.