No notes defined.
<div class="flex items-center space-x-xsSpace">
<div class="pointer-events-auto h-6 w-10 rounded-full p-2xsSPace ring-1 ring-inset transition duration-200 ease-in-out bg-slate-900/10 ring-slate-900/5">
<div class="h-4 w-4 rounded-full bg-white shadow-sm ring-1 ring-slate-700/10 transition duration-200 ease-in-out"></div>
</div>
<span class="text-sm">
Form
</span>
</div>
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FJUMg9qwWNHgaiuoDoEgHkn%2Ffractal.dcodegroup.com%3Fnode-id%3D82%253A6671%26t%3DdVycvZF0V0W4lyYO-1
.wrapper {
@apply block leading-none pt-xsSpace;
&--inline {
@apply flex py-mdSpace;
}
&__block {
@apply text-tertiary-700 text-xs font-medium mb-3xsSpace inline-block;
&--checkbox {
@apply pl-xsSpace
}
}
&__hint {
@apply text-tertiary-400 text-xs block;
}
&__input {
@apply text-xs block w-full rounded-md border-tertiary-300 placeholder:text-tertiary-400 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50;
&--disabled {
@apply block w-full disabled:cursor-not-allowed disabled:bg-tertiary-100 disabled:text-tertiary-400 disabled:ring-gray-200 border-none;
}
}
&__select {
@apply text-xs block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
}
&__text-area {
@apply mt-1 block w-full h-24 text-xs block w-full rounded-md border-tertiary-300 placeholder:text-tertiary-400 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50;
}
&__checkbox {
@apply flex items-center space-x-xsSpace rounded border border-tertiary-300 w-mdSpace;
}
}
.select {
@apply text-xs block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
}
.group-wrapper {
@apply flex flex-row space-x-2;
&--first {
@apply -mt-xsSpace
}
}