Module

Beta.DOM.HTML.Div

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

#div Source

div :: FFIComponent BaseAttributes

The <div> tag in HTML, acts as a container unit which encapsulates other page elements and divides the HTML document into sections. Web developers use <div> elements to group together HTML elements and apply CSS styles to many elements at once.

Example:

div { id: "header", className: "menu" } [ h1 { } "Hello, World!" ]
div { id: "body", className: "container" } [ p { } "Welcome to the website!" ]

Common attributes: | Attribute | Type | Example | Description | |--------------|----------|---------------------|-------------| | id | String | "header" | The unique identifier of the div section. | | className | String | "container" | The class of the div section for applying CSS styles. | | data-* | String | "custom-data" | Stores custom data private to the page or application. | | aria-* | String | "aria-labelledby" | Defines accessibility-related attributes. |

#div_ Source

div_ :: FFIComponent_ BaseAttributes

The <div> tag in HTML without children, acts as a container unit which encapsulates other page elements and divides the HTML document into sections. Web developers use <div> elements to group together HTML elements and apply CSS styles to many elements at once.

Example:

div_ { id: "header", className: "menu" }
div_ { id: "body", className: "container" }

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