Requires: Block
Props: icon, label or children
<Tag icon='core-auto'>
CAAS100383547
</Tag>Embedding Tags
Add one or more <Tag>s to (line three || four) by passing an array instead of a string.
<Block
lines={[
'2015 Lexus ES',
'Replacing 2006 Honda Accord',
[
{
element:'tag',
icon:'core-auto',
label:'CAAS100383547',
}
]
]}
/>{
tag:{
padding:'0 16px 0 16px',
height:'32px',
border:{
radius:'100px',
},
margin:'0 0 0 8px',
}
}@mixin tag {
// → → returns <tag> context
@mixin theme grey;
& block {
> wrapper {
@mixin flex;
> wrapper {
@mixin block_col_2 {
justify-content:center;
& > thing:nth-child(1) {
@mixin line 1, tag;
}
};
}
}
}
}