@gluestack-ui/fab
TypeScript icon, indicating that this package has built-in type declarations

0.1.20 • Public • Published

@gluestack-ui/fab

The Floating Action Button (FAB) is a dynamic button that stays visible and provides access to a primary action throughout the user's journey in the application. It is a powerful UI element that adds a touch of elegance and convenience to the user experience.

Installation

To install the component, run the following command in your terminal. This will add the component to your project's dependencies and allow you to use it in your project.

npm install @gluestack-ui/fab

Usage

Default styling of all these components can be found in the components/core/fab file. For reference, you can view the source code of the styled Fab components.

// import the styles
import { Root, Label } from '../components/core/fab/styled-components';
// import the createFab function
import { createFab } from '@gluestack-ui/fab';
// Understanding the API
const Fab = createFab({
  Root,
  Label,
});
// Using the fab component
export default () => (
  <Fab>
    <FabLabel />
  </Fab>
);

More guides on how to get started are available here.

Package Sidebar

Install

npm i @gluestack-ui/fab

Weekly Downloads

9,480

Version

0.1.20

License

none

Unpacked Size

38.6 kB

Total Files

37

Last publish

Collaborators

  • vaibhk002
  • daminipandey
  • rayan1810
  • amars29
  • geekgautam
  • gluestackadmin
  • geekashwini
  • vidhi499
  • mayankp06
  • madhavb230100
  • viraj-10
  • rohit_singh
  • ankit-tailor
  • meenumakkar
  • surajahmedc