Burst
Deprecated
<Graphic> and its kinds are deprecated and will be removed in a later release; the lint warns on each one. Draw the same thing with <Motion>, <Three> or a <Layer>: the examples show each, and Free code explains them.
A starburst sticker with a word on it, for prices, offers and shouts.
tsx
<Composition fps={30} width={640} height={360}>
<Track id="main" layout="free">
<Graphic
id="g1"
kind="burst"
text="-50%"
start={0}
duration={3}
/>
</Track>
</Composition>Props
| prop | type | default |
|---|---|---|
text | string | "SALE" |
color | string | "$onPrimary" |
font | string | "$heading" |
size | number (0..400) | 44 |
weight | integer | 700 |
fill | string | "$accent" |
points | integer | 18 |
depth | number (0..1) | 0.16 |
Plus the <Graphic> props every kind takes. More in Callouts.