mirror of
https://github.com/tabler/tabler.git
synced 2026-08-07 03:42:27 +04:00
8962710163
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
22 lines
526 B
Plaintext
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>
|