x
1
2
3
4
5
6
7
<div class='chip-button-component-container' data-controller='tooltip'>
<a class='chip_button_container_clickable'>
go out of the site<span class='mx-1'><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 12 12" fill="none">
<path d="M7.22221 10H1.66666C1.22145 10 0.802918 9.82662 0.48814 9.51182C0.173361 9.19702 0 8.77848 0 8.33332V2.77777C0 2.33258 0.17338 1.91405 0.488159 1.59928C0.802937 1.2845 1.22146 1.11112 1.66668 1.11112H3.88889C4.19573 1.11112 4.44445 1.35984 4.44445 1.66668C4.44445 1.97352 4.19573 2.22224 3.88889 2.22224H1.66666C1.51825 2.22224 1.37876 2.28003 1.27384 2.38494C1.16893 2.48985 1.11112 2.62937 1.11112 2.77777V8.33332C1.11112 8.48173 1.16891 8.62122 1.27384 8.72618C1.37876 8.83107 1.51825 8.88888 1.66666 8.88888H7.22219C7.37059 8.88888 7.51009 8.83109 7.61502 8.72614C7.71993 8.62122 7.77773 8.48171 7.77773 8.3333V6.11111C7.77773 5.80427 8.02646 5.55557 8.3333 5.55557C8.64015 5.55557 8.88888 5.80429 8.88888 6.11111V8.33332C8.88888 8.77852 8.7155 9.19702 8.4007 9.51184C8.08591 9.82662 7.66736 10 7.22221 10ZM3.88889 6.66665C3.7467 6.66665 3.60452 6.61242 3.49606 6.50394C3.27911 6.28699 3.27911 5.9352 3.49606 5.71826L8.10318 1.11112H6.11111C5.80427 1.11112 5.55557 0.8624 5.55557 0.555559C5.55557 0.248718 5.80427 0 6.11111 0H9.44444C9.52127 0 9.59445 0.0156031 9.66102 0.0438012C9.72314 0.070078 9.78148 0.108154 9.83252 0.158049L9.83256 0.158088C9.83293 0.158457 9.83329 0.158806 9.83364 0.159175C9.83374 0.159272 9.83388 0.159388 9.83397 0.159485C9.83425 0.159757 9.83456 0.160048 9.83483 0.160339C9.83502 0.160533 9.8352 0.160708 9.83539 0.160902C9.8356 0.161115 9.83584 0.161348 9.83601 0.161523C9.8364 0.161911 9.83683 0.162319 9.83721 0.162726C9.8376 0.163114 9.83803 0.163541 9.83842 0.163929C9.83863 0.164123 9.83887 0.164376 9.83902 0.16455C9.83923 0.164744 9.83939 0.164919 9.83958 0.165113C9.83989 0.165404 9.84017 0.165676 9.84044 0.165986C9.84053 0.166064 9.84067 0.1662 9.84075 0.166297C9.84112 0.166666 9.84149 0.167034 9.84183 0.167403L9.84187 0.167442C9.89175 0.218521 9.92984 0.276858 9.9561 0.338959C9.9843 0.405525 9.99992 0.478688 9.99992 0.555539V3.88887C9.99992 4.19571 9.75118 4.44443 9.44434 4.44443C9.1375 4.44443 8.8888 4.19571 8.8888 3.88887V1.8968L4.28163 6.50396C4.17324 6.61244 4.03107 6.66665 3.88889 6.66665Z" fill="var(--primary-color)"></path>
</svg></span>
</a>
</div>
1
render ChipButtonComponent.new(text: ExternalLinkTextComponent.new(text: text).call, type: 'clickable')