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.