@elogroup-sereduc/ser-front-serverso-ui

Componentes de UI compartilhados para portais de aluno Ser Educacional.

Instalação

npm install @elogroup-sereduc/ser-front-serverso-ui

Componentes

LegacyRedirectNotice

Card de aviso para redirecionar o aluno a um sistema legado. Totalmente headless — estilização via prop classNames.

import { LegacyRedirectNotice } from '@elogroup-sereduc/ser-front-serverso-ui'

<LegacyRedirectNotice
  title="Transferência de Faculdade"
  description="Você será redirecionado para o sistema de transferências."
  legacyUrl="https://sistema-legado.example.com"
  actionLabel="Acessar sistema"
  classNames={{
    root: 'flex justify-center p-6',
    card: 'bg-white rounded-xl shadow p-8 max-w-md',
    title: 'text-xl font-bold text-gray-900',
    description: 'text-gray-600 mt-2',
    action: 'mt-4 inline-block bg-blue-600 text-white rounded px-4 py-2',
  }}
/>

Props

| Prop | Tipo | Padrão | Descrição | |---|---|---|---| | title | string | — | Título do card | | description | ReactNode | — | Corpo do card | | legacyUrl | string | — | URL do sistema legado | | actionLabel | string | — | Texto do link de ação | | openInNewTab | boolean | true | Abre em nova aba | | leading | ReactNode | — | Ícone/ilustração opcional | | classNames | LegacyRedirectNoticeClassNames | — | Classes para cada slot |

LegacyRedirectNoticeClassNames

| Slot | Elemento | |---|---| | root | <div> wrapper externo | | card | <div> do card | | iconSlot | <div> ao redor do leading | | title | <h1> | | description | <div> ao redor de description | | action | <a> |