Svelte Label - Flowbite

The Label components are used throughout the library and you can use it for your app as well

Label: View Source Code

Label #

Use the Label component when you need to add a label.

  Edit on GitHub
  • Svelte
<script>
  import { Label, Checkbox } from 'flowbite-svelte'
</script>

<Label color="red" class="mt-4 flex items-center font-bold italic">
  <Checkbox class="mr-2" /> Your Label
</Label>

Props #

The component has the following props, type, and default values. See the types page for type information.

Name Type Default
color 'gray' | 'green' | 'red' | 'disabled' 'gray'
defaultClass string 'text-sm font-medium block'
show boolean true