FloatingActionBar

The FloatingActionBar component designed to display action buttons, pagination, and dropdown menu. It provides a persistent and easily accessible way for users to perform key actions.

Source

Github

import { Button } from 'welcome-ui/Button'
import { FloatingActionBar } from 'welcome-ui/FloatingActionBar'

const Example = () => {
  return (
    <FloatingActionBar>
      <Button variant="secondary">Action 1</Button>
      <Button variant="secondary">Action 2</Button>
    </FloatingActionBar>
  )
}

export default Example

Examples

Floating bar with pagination

Github

Complete Example

Github

Dropdown menu Pagination