1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 03:42:27 +04:00
Files
tabler/shared/ui/Ribbon.astro

22 lines
526 B
Plaintext

---
import Icon from './Icon.astro'
interface Props {
text?: string
top?: boolean
left?: boolean
bottom?: boolean
bookmark?: boolean
color?: string
filled?: boolean
}
const { text, top, left, bottom, bookmark, color, filled } = Astro.props
const classes = ['ribbon', top && 'ribbon-top', left && 'ribbon-start', bottom && 'ribbon-bottom', bookmark && 'ribbon-bookmark', color && `bg-${color}`]
---
<div class:list={classes}>
{text ? text : <Icon name="star" type={filled ? 'filled' : 'outline'} />}
</div>