Styling not applied to FluidForm
borsemayur2 opened this issue · 2 comments
borsemayur2 commented
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>
buttercubz commented
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" />
borsemayur2 commented
Okay. Thanks