Speed Dial

Creates an easy to use Speed Dial component.

Once imported it can be modified the way you want.

Prefixes

  • ch-speedDial
  • ch-speedDialTS

Props

Progress takes the following props:

  • focus?: boolean
  • absolute?: boolean
  • position?: &qout;topLeft&qout; | &qout;topRight&qout; | &qout;bottomLeft&qout; | &qout;bottomRight&qout;
  • layout?: &qout;vertical&qout; | &qout;horizontal&qout;
  • data: SpeedDialData[]

SpeedDialData consists of:

  • title: string
  • icon: ReactNode
  • link?: string
  • action? any;

Example: An example of the usage is provided in the snippet.

Preview Vertical

Previews use absolute prop to contain in div.

Preview Horizontal

Previews use absolute prop to contain in div.