Packages

prenix_components

0.1.0
0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Prebuilt UI components for Phoenix inspired by NextUI.

HexDocs

Current section

Files

Jump to
Readme
10 Versions
1 Dependency
Dependants
Files
Activity
prenix_components assets css prenix_components checkbox_group.css
Raw

assets/css/prenix_components/checkbox_group.css 

@layer components {

  .checkbox-group {

    --checkbox-group-label: hsl(var(--neutral2-foreground));

    --checkbox-group-helper: hsl(var(--neutral2-foreground));

    @apply relative flex flex-col gap-2;

  }



  .checkbox-group-label {

    @apply relative text-base text-[--checkbox-group-label];

    @apply inline-flex items-center gap-1;

  }



  .checkbox-group-wrapper {

    @apply flex flex-col flex-wrap gap-2;

  }



  .checkbox-group-helper {

    @apply text-sm text-[--checkbox-group-helper];

    @apply inline-flex items-center gap-1;

  }



  .checkbox-group[data-invalid] .checkbox-group-helper {

    @apply text-danger;

  }

}