Media

Generate a Media component useful for cards, panels and chat

Import

import { Media } from "@webeetle/windy";

Default

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

With Components

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Size

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Rounded

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Stretched

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Nested

Result

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^

Live Editor

Props

Props	Type	Default
src	string	null
media	node	null
sizeToFit	bool	false
size	["xs", "sm", "md", "lg", "xl"]	md
position	["start", "end"]	start
align	["center", "start", "end"]	start
rounded	["sm", "md", "lg", "full", "none"]	full