Загрузка видео...

Не удалось загрузить видео

На главную

You wouldn’t import an SVG… or wait, maybe you would 👀 Import SVGs as components with size and fill props. Now experimental in 5.0.

astrodotbuild's profile picture

Astro

84,983 subscribers

38,983 просмотров • 1 год назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 9

Фото профиля Michael Stramel
Michael Stramel1 год назад

I'm looking for any and all feedback on this feature! Please feel free to reply, dm, or post

Фото профиля Anish Badri
Anish Badri1 год назад

Nice to have it built in instead of installing svgr.

Фото профиля Gavin Thomas
Gavin Thomas1 год назад

I want cached external svgs and then lookup via svg use

Фото профиля Carlos Quesada
Carlos Quesada1 год назад

Finally!

Фото профиля IMVN
IMVN1 год назад

No more server restarts 💖⭐

Фото профиля Tyler @ Kojo Design
Tyler @ Kojo Design1 год назад

I heard murmurs about an Iconify integration to go along with this.. Any news? Or is that effectively what astro-icon will become? 🥺

Фото профиля Boko Čolse
Boko Čolse1 год назад

Finally ✊ I've been renaming svgs to .astro and adding a style tag for too long

Фото профиля Surjith S M ✪
Surjith S M ✪1 год назад

This is huge 🙌

Фото профиля Michael Andreuzza
Michael Andreuzza1 год назад

nice!

Похожие видео

In Astro 5.7, every SVG is an Astro component! Import it, use it in your page and it will be inlined in the HTML. You can even pass it any SVG props. Learn more:
0:22

In Astro 5.7, every SVG is an Astro component! Import it, use it in your page and it will be inlined in the HTML. You can even pass it any SVG props. Learn more:

Astro

22,893 просмотров • 1 год назад

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨
0:26

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,373 просмотров • 7 месяцев назад

#LineaSketch 4.2 now let’s you import a much wider array of file types for editing or reference. You can also import multi-page PDF files easily, PSD files and Journals from 53/WeTransfer’s Paper app. You can even import them *simultaneously*. ✍️
0:50

#LineaSketch 4.2 now let’s you import a much wider array of file types for editing or reference. You can also import multi-page PDF files easily, PSD files and Journals from 53/WeTransfer’s Paper app. You can even import them *simultaneously*. ✍️

Linea Sketch

50,940 просмотров • 3 лет назад

What does it look like right after you import all of your x bookmarks and begin searching through them? Wait, but how do you import all of these with one click?
0:48

What does it look like right after you import all of your x bookmarks and begin searching through them? Wait, but how do you import all of these with one click?

Riley Brown

31,486 просмотров • 1 год назад

You can now import your own shadcn theme as a design system in v0.
0:57

You can now import your own shadcn theme as a design system in v0.

v0

21,687 просмотров • 6 месяцев назад

Figma Slides, now out of beta and with new features (!!!) → Import/Export .pptx → Object Animations → Slide numbers → Components → Video improvements
2:18

Figma Slides, now out of beta and with new features (!!!) → Import/Export .pptx → Object Animations → Slide numbers → Components → Video improvements

Figma

114,412 просмотров • 1 год назад

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓
0:35

❌ Don't use barrel imports in React ✅ Import components directly Barrel imports (index.js re-exports) import the entire module even if you need one component. This adds unused code to your bundle ↓

George Moller

161,394 просмотров • 5 месяцев назад

Discussion between a doctor and an engineer in Milan. If you import third world you become third world.
0:39

Discussion between a doctor and an engineer in Milan. If you import third world you become third world.

RadioGenoa

112,485 просмотров • 1 год назад

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:
1:05

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,162 просмотров • 1 год назад

You can now import any Motion-Primitives component with the shadcn CLI 🤝
0:24

You can now import any Motion-Primitives component with the shadcn CLI 🤝

Ibelick

66,463 просмотров • 1 год назад

With you can create an unlimited number of databases using AI! You can create dummy data or import data from CSV files. You can now deploy the database you built on to Supabase with a click of a button!
1:16

With you can create an unlimited number of databases using AI! You can create dummy data or import data from CSV files. You can now deploy the database you built on to Supabase with a click of a button!

Tyler Shukert

94,941 просмотров • 1 год назад

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.
0:25

Announcing Monorepo Support for the shadcn CLI We’ve made it easier to use shadcn/ui in monorepos. The CLI now understands your workspaces, installs components and dependencies in the right packages, and handles import resolution for you.

shadcn

73,814 просмотров • 1 год назад

Now you can import wasm in Deno directly - and type checking works even in the LSP Feature thead 🧵
0:25

Now you can import wasm in Deno directly - and type checking works even in the LSP Feature thead 🧵

Ryan Dahl

72,047 просмотров • 1 год назад

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.
0:59

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,974 просмотров • 8 месяцев назад

You can’t import another country’s vaccine policy without first importing their actual healthcare system. Our vaccine recommendations fill structural gaps in our healthcare system, which is widely regarded as fragmented, inaccessible to many, and riven with inequalities.
2:19

You can’t import another country’s vaccine policy without first importing their actual healthcare system. Our vaccine recommendations fill structural gaps in our healthcare system, which is widely regarded as fragmented, inaccessible to many, and riven with inequalities.

Dr. Vin Gupta

55,525 просмотров • 5 месяцев назад

We released import tools on Cosmos 💎 You can now import your entire Instagram saves folder in one click, and instantly turn it into a searchable library (powered by our AI tagging).
0:33

We released import tools on Cosmos 💎 You can now import your entire Instagram saves folder in one click, and instantly turn it into a searchable library (powered by our AI tagging).

Andy McCune

51,869 просмотров • 2 лет назад

Democrats would try to import him as a voter.
0:26

Democrats would try to import him as a voter.

Liberal Tear Creator™

182,149 просмотров • 7 месяцев назад

$800,000 new build ~ Import the 3rd world and you get third world results. Now what?
2:27

$800,000 new build ~ Import the 3rd world and you get third world results. Now what?

Dane

14,423 просмотров • 1 год назад

Interactivity is now live! 📣 🤹🏽 Create, animate, add interactions and handoff (or export) all within one design editor! ⬇️ Import your existing lotties, Figma designs and SVGs to bring them to life! Support us on Product Hunt 😸:
1:07

Interactivity is now live! 📣 🤹🏽 Create, animate, add interactions and handoff (or export) all within one design editor! ⬇️ Import your existing lotties, Figma designs and SVGs to bring them to life! Support us on Product Hunt 😸:

Lottielab

50,753 просмотров • 1 год назад

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)
0:39

you can now edit all your ramps at once. (and export them as SVG, CSS or as Tailwind Config)

David Aerne

64,263 просмотров • 2 месяцев назад