Module
Yoga.React.DOM.HTML.Source
- Package
- purescript-yoga-react-dom
- Repository
- rowtype-yoga/purescript-yoga-react-dom
#source Source
source :: FFIComponent_ SourceAttributesThe <source> HTML element is used to specify multiple media resources for media elements, such as <picture>, <audio>, and <video>.
Example:
picture {}
[ source { srcset: "image-large.jpg", media: "(min-width: 800px)", type: "image/jpeg" }
, source { srcset: "image-medium.jpg", media: "(min-width: 600px)", type: "image/jpeg" }
, img { src: "image-small.jpg", alt: "Description" }
]
Common attributes:
| Name | Type | Example | Description |
|-----------------|--------|-------------|-----------------------------------------|
| src | String | "audio.ogg" | URL of the media file or stream |
| type | String | "audio/ogg" | Type of the media file or stream |
| media | String | "(min-width: 600px)" | Media query of the media resource |
| srcset | String | "image-1x.jpg 1x, image-2x.jpg 2x" | Image source set for <picture> |
- Modules
- Yoga.
React. DOM - Yoga.
React. DOM. Attributes - Yoga.
React. DOM. Attributes. AutoCapitalize - Yoga.
React. DOM. Attributes. Dir - Yoga.
React. DOM. Attributes. InputMode - Yoga.
React. DOM. Attributes. Target - Yoga.
React. DOM. Attributes. YesOrNo - Yoga.
React. DOM. Client - Yoga.
React. DOM. Event - Yoga.
React. DOM. HTML - Yoga.
React. DOM. HTML. A - Yoga.
React. DOM. HTML. Abbr - Yoga.
React. DOM. HTML. Address - Yoga.
React. DOM. HTML. Area - Yoga.
React. DOM. HTML. Article - Yoga.
React. DOM. HTML. Aside - Yoga.
React. DOM. HTML. Audio - Yoga.
React. DOM. HTML. B - Yoga.
React. DOM. HTML. Base - Yoga.
React. DOM. HTML. Bdi - Yoga.
React. DOM. HTML. Bdo - Yoga.
React. DOM. HTML. Blockquote - Yoga.
React. DOM. HTML. Body - Yoga.
React. DOM. HTML. Br - Yoga.
React. DOM. HTML. Button - Yoga.
React. DOM. HTML. Canvas - Yoga.
React. DOM. HTML. Caption - Yoga.
React. DOM. HTML. Cite - Yoga.
React. DOM. HTML. Code - Yoga.
React. DOM. HTML. Col - Yoga.
React. DOM. HTML. ColGroup - Yoga.
React. DOM. HTML. Data - Yoga.
React. DOM. HTML. DataList - Yoga.
React. DOM. HTML. Dd - Yoga.
React. DOM. HTML. Del - Yoga.
React. DOM. HTML. Details - Yoga.
React. DOM. HTML. Dfn - Yoga.
React. DOM. HTML. Dialog - Yoga.
React. DOM. HTML. Div - Yoga.
React. DOM. HTML. Dl - Yoga.
React. DOM. HTML. Dt - Yoga.
React. DOM. HTML. Em - Yoga.
React. DOM. HTML. Embed - Yoga.
React. DOM. HTML. FieldSet - Yoga.
React. DOM. HTML. Figcaption - Yoga.
React. DOM. HTML. Figure - Yoga.
React. DOM. HTML. Footer - Yoga.
React. DOM. HTML. Form - Yoga.
React. DOM. HTML. H - Yoga.
React. DOM. HTML. HTML - Yoga.
React. DOM. HTML. Head - Yoga.
React. DOM. HTML. Header - Yoga.
React. DOM. HTML. Hr - Yoga.
React. DOM. HTML. I - Yoga.
React. DOM. HTML. IFrame - Yoga.
React. DOM. HTML. Img - Yoga.
React. DOM. HTML. Input - Yoga.
React. DOM. HTML. Kbd - Yoga.
React. DOM. HTML. Label - Yoga.
React. DOM. HTML. Legend - Yoga.
React. DOM. HTML. Li - Yoga.
React. DOM. HTML. Link - Yoga.
React. DOM. HTML. Main - Yoga.
React. DOM. HTML. Map - Yoga.
React. DOM. HTML. Mark - Yoga.
React. DOM. HTML. Menu - Yoga.
React. DOM. HTML. Meta - Yoga.
React. DOM. HTML. Meter - Yoga.
React. DOM. HTML. Nav - Yoga.
React. DOM. HTML. NoScript - Yoga.
React. DOM. HTML. Object - Yoga.
React. DOM. HTML. Ol - Yoga.
React. DOM. HTML. Optgroup - Yoga.
React. DOM. HTML. Option - Yoga.
React. DOM. HTML. Output - Yoga.
React. DOM. HTML. P - Yoga.
React. DOM. HTML. Param - Yoga.
React. DOM. HTML. Picture - Yoga.
React. DOM. HTML. Pre - Yoga.
React. DOM. HTML. Progress - Yoga.
React. DOM. HTML. Q - Yoga.
React. DOM. HTML. Rp - Yoga.
React. DOM. HTML. Rt - Yoga.
React. DOM. HTML. Ruby - Yoga.
React. DOM. HTML. S - Yoga.
React. DOM. HTML. Samp - Yoga.
React. DOM. HTML. Script - Yoga.
React. DOM. HTML. Section - Yoga.
React. DOM. HTML. Select - Yoga.
React. DOM. HTML. Small - Yoga.
React. DOM. HTML. Source - Yoga.
React. DOM. HTML. Span - Yoga.
React. DOM. HTML. Strong - Yoga.
React. DOM. HTML. Style - Yoga.
React. DOM. HTML. Sub - Yoga.
React. DOM. HTML. Summary - Yoga.
React. DOM. HTML. Sup - Yoga.
React. DOM. HTML. Table - Yoga.
React. DOM. HTML. Tbody - Yoga.
React. DOM. HTML. Td - Yoga.
React. DOM. HTML. Template - Yoga.
React. DOM. HTML. Textarea - Yoga.
React. DOM. HTML. Tfoot - Yoga.
React. DOM. HTML. Th - Yoga.
React. DOM. HTML. Thead - Yoga.
React. DOM. HTML. Time - Yoga.
React. DOM. HTML. Title - Yoga.
React. DOM. HTML. Tr - Yoga.
React. DOM. HTML. Track - Yoga.
React. DOM. HTML. U - Yoga.
React. DOM. HTML. Ul - Yoga.
React. DOM. HTML. Var - Yoga.
React. DOM. HTML. Video - Yoga.
React. DOM. HTML. Wbr - Yoga.
React. DOM. Handler - Yoga.
React. DOM. Internal - Yoga.
React. DOM. Server