crewdevio/Snel-carbon

Styling not applied to FluidForm

borsemayur2 opened this issue · 2 comments

Do I have to import any css file to get the styling right?

<script>
  import FluidForm from "https://denopkg.com/crewdevio/Snel-carbon@main/components/FluidForm/FluidForm.svelte";
  import TextInput from "https://denopkg.com/crewdevio/Snel-carbon@main/components/TextInput/TextInput.svelte";
  import PasswordInput from "https://denopkg.com/crewdevio/Snel-carbon@main/components/TextInput/PasswordInput.svelte";
</script>

<h1>Login</h1>

<FluidForm>
  <TextInput labelText="User name" placeholder="Enter user name..." required />
  <PasswordInput
    required
    type="password"
    labelText="Password"
    placeholder="Enter password..."
  />
</FluidForm>

Here's the output for above code:
image

hello @borsemayur2 sorry for responding so late, the components do not include the css therefore it is necessary to add the css in the index.html.

css here https://www.jsdelivr.com/package/npm/carbon-components-svelte?path=css

example

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/carbon-components-svelte@0.42.2/css/all.min.css" />

Okay. Thanks