ds-svelte-community
Nais Docs
Pages
  • Home
  • CSS
  • Icons
Typography
  • BodyLong
  • BodyShort
  • Detail
Components
  • Accordion
  • ActionMenu Beta
  • Alert
  • Button
  • Checkbox
  • Chips
  • ConfirmationPanel
  • CopyButton
  • ErrorSummary
  • ExpansionCard
  • GuidePanel
  • HelpText
  • InternalHeader Beta
  • List
  • Loader
  • Modal
  • Pagination
  • Popover
  • Radio
  • ReadMore
  • Search
  • Select
  • Skeleton
  • Stepper
  • Switch
  • Table
  • Tabs
  • Tag
  • TextField
  • ToggleGroup
  • Tooltip
Primitives
  • Bleed
  • Box

Version: 1.0.0
Try dark darkside
Try light darkside

Bleed

Simple primitive to add negative margin that lets content slide out of the parent's container.

Read more about this component in the Aksel documentation.

    Default Direction Responsive Reflective padding Full Optical alignment
marginInline

Properties

PropertyDescriptionDefault
Control
Properties
as

HTML element to render as.

string
"div"
marginBlock

Negative vertical margin around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
marginInline

Negative horizontal margin around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.

unknown
-
reflectivePadding

When true, set the padding to mirror the margin. This maintains the apparent width of the element prior to adding Bleed.

boolean
-
Snippets
children

Content

 -

Properties included from: HTMLAttributes<HTMLElement>