📲
HC Mobile App UI Docs
  • Introduction
  • Foundations
    • Colors
    • Icons
    • Layout Primitives
    • Theming
  • Typography
    • Heading
    • Text
    • Custom Fonts
  • Components
    • Accordion
    • Avatar
    • Bottom Sheet
    • Button
    • Button Group
    • Card List
    • Card List Item
    • Checkbox
    • Chip
    • Date Picker
    • Divider
    • Expandable Card
    • Floater
    • Horizontal List
    • Icon
    • Icon Toggle
    • Link
    • List Header
    • Lower Prompt
    • Nestable List
    • Pill Toggle
    • Radio
    • Select Picker
    • Selectable List
    • Text Input
    • Tiles
  • Utilities
    • Device Utilities
    • Layout Utilities
  • Resources
    • Issues
    • Changelog
    • GitHub
Powered by GitBook
On this page
  • Installation
  • Example
  • Props
  1. Components

Floater

PreviousExpandable CardNextHorizontal List

Last updated 3 years ago

Floater allows one or more components to be relatively/absolutely positioned anywhere on the screen.

Installation

import { Floater, FloaterProps } from 'hc-mobile-app-ui';

Example

Props

Name
Type
Description

position

absolute | relative

Determines the position of this element in the layout.

alignment

top | bottom

Aligns the element on the screen.

offsetTop

number

Adds padding from the top.

offsetRight

number

Adds padding from the right.

offsetBottom

number

Adds padding from the bottom.

offsetLeft

number

Adds padding from the left.