Module

Beta.DOM.HTML.Area

Package: purescript-react-basic-dom-beta
Repository: rowtype-yoga/purescript-react-basic-dom-beta

#area Source

area :: FFIComponent_ BaseAttributes

The <area> element in HTML, defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a <map> element. area is a void element—it does not have any children

The shape attribute defines the shape of the area (rectangle, circle, or polygon), and the coords indicates the size of the area.

Example:

area { shape: "rect", coords: "34,44,270,350", href: "http://www.example.com" }

Common attributes: | Attribute | Type | Example | Description | |--------------|----------|----------------------------|-------------| | shape | String | "rect" | Defines the shape of the region. | | coords | String | "34,44,270,350" | A set of values specifying the coordinates of the hot-spot region. | | href | String | "http://www.example.com" | Specifies the hyperlink target for the area. | | alt | String | "Example Area" | Alternative text for the area. Used by screen readers for accessibility. |

Modules: Beta.DOM; Beta.DOM.Attributes; Beta.DOM.Attributes.AutoCapitalize; Beta.DOM.Attributes.Dir; Beta.DOM.Attributes.InputMode; Beta.DOM.Attributes.Target; Beta.DOM.Attributes.YesOrNo; Beta.DOM.Client; Beta.DOM.Event; Beta.DOM.HTML; Beta.DOM.HTML.A; Beta.DOM.HTML.Abbr; Beta.DOM.HTML.Address; Beta.DOM.HTML.Area; Beta.DOM.HTML.Article; Beta.DOM.HTML.Aside; Beta.DOM.HTML.Audio; Beta.DOM.HTML.B; Beta.DOM.HTML.Base; Beta.DOM.HTML.Bdi; Beta.DOM.HTML.Bdo; Beta.DOM.HTML.Blockquote; Beta.DOM.HTML.Body; Beta.DOM.HTML.Br; Beta.DOM.HTML.Button; Beta.DOM.HTML.Canvas; Beta.DOM.HTML.Caption; Beta.DOM.HTML.Cite; Beta.DOM.HTML.Code; Beta.DOM.HTML.Col; Beta.DOM.HTML.ColGroup; Beta.DOM.HTML.Data; Beta.DOM.HTML.DataList; Beta.DOM.HTML.Dd; Beta.DOM.HTML.Del; Beta.DOM.HTML.Details; Beta.DOM.HTML.Dfn; Beta.DOM.HTML.Dialog; Beta.DOM.HTML.Div; Beta.DOM.HTML.Dl; Beta.DOM.HTML.Dt; Beta.DOM.HTML.Em; Beta.DOM.HTML.Embed; Beta.DOM.HTML.FieldSet; Beta.DOM.HTML.Figcaption; Beta.DOM.HTML.Figure; Beta.DOM.HTML.Footer; Beta.DOM.HTML.Form; Beta.DOM.HTML.H; Beta.DOM.HTML.HTML; Beta.DOM.HTML.Head; Beta.DOM.HTML.Header; Beta.DOM.HTML.Hr; Beta.DOM.HTML.I; Beta.DOM.HTML.IFrame; Beta.DOM.HTML.Img; Beta.DOM.HTML.Input; Beta.DOM.HTML.Kbd; Beta.DOM.HTML.Label; Beta.DOM.HTML.Legend; Beta.DOM.HTML.Li; Beta.DOM.HTML.Link; Beta.DOM.HTML.Main; Beta.DOM.HTML.Map; Beta.DOM.HTML.Mark; Beta.DOM.HTML.Menu; Beta.DOM.HTML.Meta; Beta.DOM.HTML.Meter; Beta.DOM.HTML.Nav; Beta.DOM.HTML.NoScript; Beta.DOM.HTML.Object; Beta.DOM.HTML.Ol; Beta.DOM.HTML.Optgroup; Beta.DOM.HTML.Option; Beta.DOM.HTML.Output; Beta.DOM.HTML.P; Beta.DOM.HTML.Param; Beta.DOM.HTML.Picture; Beta.DOM.HTML.Pre; Beta.DOM.HTML.Progress; Beta.DOM.HTML.Q; Beta.DOM.HTML.Rp; Beta.DOM.HTML.Rt; Beta.DOM.HTML.Ruby; Beta.DOM.HTML.S; Beta.DOM.HTML.Samp; Beta.DOM.HTML.Script; Beta.DOM.HTML.Section; Beta.DOM.HTML.Select; Beta.DOM.HTML.Small; Beta.DOM.HTML.Source; Beta.DOM.HTML.Span; Beta.DOM.HTML.Strong; Beta.DOM.HTML.Style; Beta.DOM.HTML.Sub; Beta.DOM.HTML.Summary; Beta.DOM.HTML.Sup; Beta.DOM.HTML.Table; Beta.DOM.HTML.Tbody; Beta.DOM.HTML.Td; Beta.DOM.HTML.Template; Beta.DOM.HTML.Textarea; Beta.DOM.HTML.Tfoot; Beta.DOM.HTML.Th; Beta.DOM.HTML.Thead; Beta.DOM.HTML.Time; Beta.DOM.HTML.Title; Beta.DOM.HTML.Tr; Beta.DOM.HTML.Track; Beta.DOM.HTML.U; Beta.DOM.HTML.Ul; Beta.DOM.HTML.Var; Beta.DOM.HTML.Video; Beta.DOM.HTML.Wbr; Beta.DOM.Handler; Beta.DOM.Internal; Beta.DOM.Server