Pages
Clusterskubernetes k8s infrastructure nodesManage Kubernetes clusters
Applicationsapps deployments servicesDeploy and manage applications
Deploymentsapps deployments servicesAll application deployments across environments
Environmentsenv staging production devConfigure deployment environments
Networksvpc networking subnets cidrManage cloud networks and VPCs
Providersaws cloud credentialsCloud provider integrations
Organizationsorgs teams workspacesManage organizations
Variables & Secretsenv secrets config environment variablesManage environment variables and secrets
Membersusers team access permissionsManage team members and access
Groupsteams roles permissionsManage user groups
Rolesrbac permissions access control user rolesManage user roles and permissions
Policiesrbac permissions access control securityConfigure access policies and permissions
Settingsconfig configuration preferencesAccount and application settings
Domain Managementdns domains custom domains hostingManage custom domains and DNS
Connected Applicationsintegrations oauth apps third-partyManage connected third-party applications
Current Planbilling subscription pricing upgradeView and manage your subscription plan
Support Ticketshelp support assistance ticketsView and manage support tickets
Open Support Tickethelp support contact new ticketCreate a new support ticket
Getting Started
Overviewintro introduction basics platformIntroduction to Seagit platform and core concepts
Guides
Getting Startedtutorial quickstart first steps beginnerQuick start guide to deploy your first application
Troubleshootinghelp issues problems errors debuggingCommon issues and solutions
Resources
Clusterskubernetes k8s nodes scaling autoscalingCreate and manage Kubernetes clusters with node groups
Node Groupsnodes workers spot instances on-demandConfigure on-demand and spot node groups for clusters
Networksvpc subnets cidr networking security groupsSet up VPCs, subnets, and network configurations
Providersaws gcp cloud credentials iamConnect cloud providers (AWS, GCP) to your account
Applicationsapps containers docker helm deploymentsDeploy containerized applications and services
Application Deploymentsdeploy replicas resources cpu memory healthConfigure deployments with replicas, resources, and health checks
Environmentsenv staging production development isolationCreate isolated environments for different stages
Configuration
Variablesenv vars secrets config configurationManage environment variables and secrets
Automation
Deploymentscicd gitops pipeline automation argocdAutomated deployments with GitOps and CI/CD
Action Rulesautomation events triggers workflows rulesAutomate workflows with event-driven action rules
Automationautomation workflows ci/cd pipelinesAutomate infrastructure and deployment workflows

Tooltip & Popover ✨

Flexible tooltip and popover components built with Float UI. Supports hover tooltips and click popovers with customizable positioning.

Popover (Click to Open)

Interactive popover component triggered by clicking. Useful for forms, menus, and custom interactive content.

Add your review here (Click me)

Tooltip Types (Hover to Show)

Various tooltip styles with different sizes. Tooltips appear on hover and are perfect for contextual hints and help text.

Hover me

Small Light

Hover me

Small Dark

Hover me

Medium Light

Hover me

Medium Dark

Hover me

Large Rich Light

Hover me

Large Rich Dark

Tooltip Positions

Control tooltip placement with the placement prop. Supports 12 positions including top, bottom, left, right, and their variants.

Top

Bottom

Left

Right

Top Start

Top End

Bottom Start

Bottom End

Props Reference

Float Component

Prop	Type	Default	Description
trigger	"tooltip" \| "popover"	"tooltip"	Trigger type: "tooltip" shows on hover, "popover" shows on click
placement	PlacementType	"top-start"	Position: "top", "bottom", "left", "right" with optional "-start" or "-end"
label	ReactNode	Help icon	The trigger element that shows/hides the tooltip/popover
className	string	Dark theme	Custom CSS classes for the tooltip/popover container
children	ReactNode	-	The content to display inside the tooltip/popover
stopPropagation	boolean	false	Prevent click events from bubbling up

Usage Tips

Tooltips (hover): Set trigger="tooltip" for hover-based tooltips. Great for hints and contextual help.
Popovers (click): Set trigger="popover" for click-based popovers. Perfect for forms, menus, and interactive content.
Styling: Use the className prop to customize appearance. Add padding, colors, borders, and shadows.
Positioning: The component automatically handles positioning and will flip/shift to stay visible in the viewport.
Accessibility: Built with Floating UI for proper focus management and ARIA attributes.