Center

Centers its content horizontally and vertically.

Jump to API reference

Import

Vue
import { UiCenter } from '@ziyarago/ui/vue'

Centered

Centered
Vue
<UiCenter
  :style="{ height: '140px', border: '1px dashed var(--zg-stroke)', borderRadius: '12px' }"
>
  <UiBadge tone="brand">
    Centered
  </UiBadge>
</UiCenter>

API reference

Centers its children horizontally and vertically.

Props

PropType and valuesDefaultDescription
asstring'div'HTML tag to render.
styleRecord<string, string | number>—Inline styles merged over the component styles.

Slots

Vue: named slots. React: a prop with the same name; default is children.

defaultCentered content.