Admin

Account

Cyberdyne Enterprises

Developers

Create Workspace

Active Members

People who have access to all the workspaces in your organization

NameJob TitleEmail
M
Marta García
Financemarga.garcia@invopop.comAccount owner
A
Alejandro Lopez
Financealejandro.lopez@invopop.com

Member information

Update a member’s job title within your organization

Sudo
Remove the Stripe ID to force the creation of a new Stripe customer, thus allowing a new Tax ID to be uploaded.
Help me select a plan
Saved

Readonly

This section is used to display a form in readonly mode for show views

First name
Facundo
Surname
Velazquez
Hobbies
I like to write long texts so they can not fit on different popui layouts
Rich text
Here goes some bold sentence and some list
  • One
  • Two
  • Three

And this is a quote to finish.

Modify

Cards

We are displaying different type of cards here

I

Invopop

Invopop with logo

I

Invopop with flag

Invopop with logo and Flag

I

Invopop with link

C

Cyberdyne enterprises for World Global Domination INC

I

Invopop with subtitle

invopop.com/invopop_with_subtitle_super_long_name_sandbox

C

CardHeader without card

invopop.com/invopop_with_subtitle_super_long_name_sandbox

Complex card with header slot and more items

invopop.com/invopop_with_subtitle_super_long_name_sandbox

Pops · Refills Dec 1, 2024

1,200 / 1,000

  • Documents

    10.5K

  • Workflows

    10

  • Parties

    123

Tag Status

Status indicators with optional dots and different color variants

GreyGreenYellowRedOrangeBluePurpleOliveTealCrimsonBlue VioletSteel BlueEmpty
Grey Green Yellow Red Orange Blue Purple Olive Teal Crimson Blue Violet Steel Blue Empty

Button Copy

Components for displaying and copying text with different formats

Copied!
Done ✓
Copied to clipboard!

Value can also be set via the value attribute in Attrs:

Success!

Full Tailwind Utilities

Examples using utility classes from popui-full.css

Grid Layouts

Responsive Grid Item 1

Using grid-cols utilities

Responsive Grid Item 2

With gradient backgrounds

Responsive Grid Item 3

And custom colors

Advanced Flexbox

Flexible item with min-width
Fixed width item
Another flexible item

Typography & Spacing

Extra small text (text-xs)

Small text (text-sm)

Base text (text-base)

Large text (text-lg)

Extra large with medium weight (text-xl)

2XL with semibold (text-2xl)

Shadows & Borders

shadow-sm

shadow-md

shadow-lg

shadow-xl + border-2

Extended Color Palette

Responsive Utilities

This box changes color at different breakpoints

Blue (default) → Green (sm) → Yellow (md) → Purple (lg) → Pink (xl)