Hero

Hero example

Example of a Hero

APIs

Hero.Props

AttributeDescriptionTypeAccepted valuesDefault
extraPaddingDown?Need some extra padding downnumber-oklch(59.59% 0.24 255.09156059071347)
withDownArrow?ending color of textboolean-true
...native propsHTMLAttributes'id', 'className', ...-

Hero.Tag.Props

AttributeDescriptionTypeAccepted valuesDefault
hasGradient?show gradient colorbooleantrue, falsefalse
gradientFrom?starting color of tagstring-'#007cf0'
gradientTo?ending color of tagstring-'#01dfd8'
textColor?color of textstring-'#ffffff'
...native propsHTMLAttributes'id', 'className', ...-